<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
的情況怎麼實現(xiàn)我想要的結果呀?
還是說無解?
在一個style中,後面的會覆蓋前面的,你在後面補上你需要的,如果是指定li,可以透過nth-child去選擇,也可以透過js取得dom節(jié)點,設定style樣式
就樓主的問題,第二句改成li.Float-R{float:right}
就可以吧,盡量遵循優(yōu)先級規(guī)則吧。
css 優(yōu)先權是根據(jù) 定位的精準度來的
也就是說
.Line ul li.Float-R{
float:left;
}
p.Line ul li.Float-R{
float:right;//這里會覆蓋上面的樣式
}