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 PROTECTED]
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/

Reply via email to