問(wèn)題描述

<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是左對(duì)齊的,我想讓指定的li靠右,在不加!important和使用#id的情況怎么實(shí)現(xiàn)我想要的結(jié)果呀?還是說(shuō)無(wú)解?

問(wèn)題解答

CSS3 偽類

nth-child() 選擇器

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

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

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

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

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

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

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