問題描述

<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的情況怎么實(shí)現(xiàn)我想要的結(jié)果呀?還是說無解?

問題解答

CSS3 偽類

nth-child() 選擇器

在一個(gè)style中，后面的會(huì)覆蓋前面的，你在后面補(bǔ)上你需要的，如果是指定li，可以通過nth-child去選擇，也可以通過js獲取dom節(jié)點(diǎn)，設(shè)置style樣式

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

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

css 優(yōu)先級是根據(jù) 定位的精準(zhǔn)度來的也就是說

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

多加個(gè)類 增加優(yōu)先級

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