RSS Reader

Class vs. ID

<span class="myClass"></span>
<span id="myID"></span>
This style is defined using a class.
This style is defined using an ID.

Attribute Selectors

a[href^="http:"]
a[href$=".doc"]
QA Team Blog
someword.doc

Pseudo-Classes/Elements

:visted
:hover
:first-letter

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam tempus, leo rutrum feugiat accumsan, enim est interdum ligula, luctus tincidunt nisl neque ut augue. In dignissim magna id neque. Ut nec turpis eu dui interdum laoreet. Sed sed neque. Morbi a nunc. Phasellus ac tellus a nisi egestas imperdiet. Etiam quam. Vestibulum quis ante. Suspendisse bibendum pede vitae nibh. Nam dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam augue. Proin posuere, lectus sed feugiat facilisis, nibh est tincidunt augue, ut varius pede lorem at ligula. Vivamus congue.

Cascading

ul#menu li a { color: Red; }

Who Wins?

span {}
span.class { color: Blue; }
spane#ID { color:Green; }
span#ID.class { color: Red;}
Hello, World!

© Microsoft 2008
Matthew M. Osborn
Valid CSS 2.1!