Am 30.10.2012 17:36 schrieb Angela French:
Is there a way (excluding using images for bullets) to style the bullet when it is a number 
or a letter?  I'm trying to apply css to some footnotes I'm building.  The notes themselves 
appear in a list at the bottom of my page where each list number (an <ol>) 
corresponds to the footnote number.  I'd like to try to make the number stand out and 
actually even wrap it in an <a> tag if possible to link it back to the footnote 
reference in the above text.

You can't do this in a way that works in today's browsers. You will have to put the link on the footnote text instead of the list marker (number or letter). To have different colors, just style the <a> element then:

HTML:
<li><a href="#myanchor">Footnote Text</a></li>

CSS:
li {
  color:red; // styles the list element including marker
}
li a {
  color:blue; // styles the linked text
}

If you don't want to link the text, do the same with a <span> instead of the <a>.
______________________________________________________________________
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