I have a simple OL
<ol>
<li>foo</li>
<li>bar</li>
</ol>
I want to color the numbers blue and the text inside <li> green;
blue | green
----------------
1. foo
2. bar
This would seem rather common, but alas I can't find a well-supported solution.
I've tried li:first-letter { color: blue; }
I've also tried re-implementing the counter and counter-increment css
properties for <ol> but that also is only supported in Opera and FF.
I tried a mix of the two, but then safari and others don't pick it up.
Is there a "CSS way" of handling it without extraneous markup:
<li><span>foo</span></li>
--
Anthony Ettinger
Ph: 408-656-2473
var (bonita, farley) = new Dog;
farley.barks("very loud");
bonita.barks("at strangers");
http://chovy.dyndns.org/resume.html
http://utuxia.com/consulting
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
