CSS Question

[Tobias G]

When yo declare styles you place a . (period) before the style name.
I sometimes see the # (pound sign) used instead. What is the
difference?

is . used with class? and # used with ID?


Thanks,
Tobias

 

[Matthias Gutfeldt]

When yo declare styles you place a . (period) before the style name.
I sometimes see the # (pound sign) used instead. What is the
difference?

is . used with class? and # used with ID?

Yes, exactly. All CSS2 selectors are explained here:
<http://w3.org/TR/CSS2/selector.html>


Matthias

 

[Toby A Inkster]

is . used with class? and # used with ID?

Correct.

It is also possible to use notation like:

div.blah - means any <div> with class="blah" (or class="foo blah bar", as
an element can have more than one class!)

div#blah - means any <div> with id="blah".

div[class=blah] - the same as div.blah, but this notation isn't understood
by IE.

div[id=blah] - the same as div#blah, but this notation isn't understood
by IE.

div[foo=bar] - generalisation of the two above. Can be very useful, for
example a[rel=next] will apply a style to any links to the next page.

and many, many more!

 

[Andy Holmes]

Tobias G wrote:




Correct.

It is also possible to use notation like:

div.blah - means any <div> with class="blah" (or class="foo blah bar", as
an element can have more than one class!)

div#blah - means any <div> with id="blah".

Keeping in mind, of course, that you can only use each id *one* time, so
if your style is applying to more than one element, use a class (.foo)
rather than an id (#bar).

eg.



<ul id="navigation">
<li>Home</li>
<li>News - <em class="red">updated!</em></li>
<li>Movie Reviews - <em class="red">updated!</em></li>
<li>About</li>
</ul>

 

[Csaba2000]

....

Yes, exactly. All CSS2 selectors are explained here:
<http://w3.org/TR/CSS2/selector.html>


Matthias

Hey Matthias, that is a nice page.
Do you know of a page where all the @ rules are layed out as a group?
(E.g. @import, @media, @page, @font-face, any others?)

Csaba Gabor

 

[Matthias Gutfeldt]

Hey Matthias, that is a nice page.
Do you know of a page where all the @ rules are layed out as a group?
(E.g. @import, @media, @page, @font-face, any others?)

The syntax is here: <http://www.w3.org/TR/CSS2/syndata.html#at-rules>,
but that doesn't help all that much. However, all at-rules are listed in
the index, so you should be able to find everything there:
<http://www.w3.org/TR/CSS2/indexlist.html#index-@>


Matthias