Question

Possible Duplicate:
In CSS what is the difference between “.” and “#” when declaring a set of styles?

I am new to web development. may i know the difference between below two CSS styles?

.styleName{
color:red;
}

and

#styleName{
color:red;
}

Thanks!

Answer 1

The dot means “class” where the “#” sign means “id”.

The first is matching all tags with which are of class type “styleName”.
The second is the same for ids.

Example:

<p class="styleName">hi</p> <!-- first matches, its a class of name styleName -->
<p id="styleName">hi</p> <!-- second matches, its an id of type styleName -->

Note that you misspelled “color” in the #styleName.