HTML - setting text color from a CSS file

Question

Very new to web design, sorry for the obvious Q, but I am breaking my head here.

I can't understanding why can I not get the text color from my CSS file..

I tried:

<p style = "color:red">bla1</p>

<div class ="colorRed">bla2</div>

bla1 is red, but bla2 isn't.

My .css:

.colorRed
{
    color : red;
}

mrdeveloper · Accepted Answer · 2014-05-10 07:12:10Z

3

Your css code is correct. Check that you have linked css file in your html code or not.

<link rel="stylesheet" type="text/css" href="style.css"/>

or put your css directly into style tag as follow

<html>
<head>
<style>
.colorRed
{
    color : red;
}
</style>
</head>
<body>
<div class ="colorRed">bla2</div>
</body>
</html>

Demo: http://jsfiddle.net/hsakapandit/2bAKd/

answered May 10, 2014 at 7:12

mrdeveloper

5383 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Valamas · Accepted Answer · 2014-05-10 07:08:13Z

1

<div class ="colorRed">bla2</div> should work. Check the path to your css file is correct.

answered May 10, 2014 at 7:08

Valamas

24.8k25 gold badges111 silver badges182 bronze badges