It depends on what you are trying to do... Each of these does something
slightly different:
a.leftborder {color: #ffffff;}
/* all anchors having the leftborder class will be white
e.g. <a href="foo.html" class="leftborder">bar</a>
*/
.leftborder a {color: #ffffff;}
/* all anchors inside an element having the leftborder class will be white
e.g. <div class="leftborder"><a href="foo.html">bar</a></div>
*/
a.leftborder:hover {color: #000000;}
/* all anchors having the leftborder class will be black when moused over
e.g. <a href="foo.html" class="leftborder">bar</a>
*/
.leftborder a:hover {color: #000000;}
/* all anchors inside an element having the leftborder class will be black
when moused over
e.g. <div class="leftborder"><a href="foo.html">bar</a></div>
*/
ul.leftborder li a {color: #ffffff;}
/* all anchors inside an li inside a ul having the leftborder class will be
white
e.g. <ul class="leftborder"><li><a href="foo.html">bar</a></li></ul>
*/
If all of this went over your head, have a look at
http://css.maxdesign.com.au/selectutorial/ for a great primer on selectors
and CSS.
Jon
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
