That's way more code than just styling it inline, IMHO. Even if you
were going to do it this way, it would be better to create simpler
classes:
a{color:red;}
.blue{color:blue;}
.green{color:green;}
A class overrides a simple element selector, so the classed span
(.blue) would override the anchor element. And doing it this way at
least leaves you the option of using the classes elsewhere, should
you so choose.
On Jan 8, 2009, at 8:16 PM, Rod Castello wrote:
> Give this a try, to style each individual letter as a separate color.
>
> <li><a href="archive/joseph/joseph.html">Joseph and The Amazing
> <span class="letter_T">T</span><span class="letter_
> E">e</span><span class="letter_C">c</span>....and so
> on...Dreamcoat</a>
>
> css would be like this:
>
> li .letter_T {
> color: red;
> }
> li .letter_E {
> color: blue;
> }
>
> or you might need the anchor tag included.
>
> li a .letter_T
> {
> color: red;
> }
> li a .letter_E {
> color: blue;
> }
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
