CODEWITHSUNDEEP
cssstylinghtml-lists
csbourne
csbourne

Reputation: 957

Style (only) decimal of ordered list

Is there anyway to bold the decimals in an ordered list using CSS only? The CMS we are using is spitting out li's with no nested p/span/header tag so I can't bold the li and reset the nested tag...

Any ideas?

thanks

Upvotes: 1

Views: 2182

Answers (1)

WayFarer
WayFarer

Reputation: 1038

you may use :first-line pseudo-element for the li, like

li {
  font-weight: bold;
}
li:first-line {
  font-weight: normal;
}

It works for the latest versions of modern browsers, except IE.

For IE you need to use scripting to add nested tag for the li's

Upvotes: 3

Related Questions