<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 優先權是根據 定位的精準度來的
也就是說
多加個類別 增加優先權
.Float-R 換成 .Line li.Float-R