html - CSS元素優先級的問題.

問題描述

<style> .Line li,.Line dt{float:left} .Float-R{float:right} </style> <p class='Line'> <ul> <li>text1</li> <li>text2</li> <li class='Float-R'>text3</li> </ul> </p>

我的.Line和.Float-R是通用樣式這里全局li是左對齊的,我想讓指定的li靠右,在不加!important和使用#id的情況怎么實現我想要的結果呀?還是說無解?

問題解答

CSS3 偽類

nth-child() 選擇器

在一個style中，后面的會覆蓋前面的，你在后面補上你需要的，如果是指定li，可以通過nth-child去選擇，也可以通過js獲取dom節點，設置style樣式

第二句改成這樣.Line li.Float-R{float:right}

就樓主的問題，第二句改成li.Float-R{float:right}就可以吧,盡量遵循優先級規則吧。

css 優先級是根據 定位的精準度來的也就是說

.Line ul li.Float-R{float:left;}p.Line ul li.Float-R{float:right;//這里會覆蓋上面的樣式}回答7：

多加個類 增加優先級

.Float-R 換成 .Line li.Float-R