有序列表的十進制樣式（僅）

無論如何只需使用CSS來在有序列表中加粗小數？我們正在使用的內容管理系統正在吐出沒有嵌套的p/span /頭標籤的li，所以我不能加粗li並重置嵌套標籤...有序列表的十進制樣式（僅）

任何想法？

感謝

2011-03-09 csbourne

請發佈您的HTML和CSS代表性示例。 – fredley 2011-03-09 10:10:21

如果您的CMS已經依賴於jQuery，您可以用一行代碼來完成：'$（'＃myList li'）。wrapInner（''）;'，帶CSS：'li {font-weight：bold}'和'li span {font-weight：normal}'。請參閱：http://jsfiddle.net/SSzuh/儘管編輯服務器端輸出代碼以包含span標籤可能會更有意義。 – thirtydot 2011-03-09 10:34:44

感謝您的建議。下面的解決方案爲我工作。 – csbourne 2011-03-09 10:47:29

你可以使用：第一線僞元素爲李，像

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

它爲現代瀏覽器的最新版本，除了IE瀏覽器。

對於IE，您需要使用腳本爲li添加嵌套標籤。

來源

2011-03-09 10:27:51 WayFarer

這工作正常，只要你的李是不超過一行;） – csbourne 2011-03-09 10:51:01

正確的，我還沒有找到其他方式做你想要的，而無需腳本或從服務器端更改生成的HTML。在這裏查看所有可用的CSS選項：http://www.w3.org/TR/CSS2/selector.html – WayFarer 2011-03-09 11:05:45

有序列表的十進制樣式（僅）

回答

相關問題