html - CSS元素優先權的問題.
漂亮男人
漂亮男人 2017-05-16 13:26:25
0
8
926
  <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的情況怎麼實現我想要的結果呀?
還是說無解?

漂亮男人
漂亮男人

全部回覆(8)
習慣沉默

CSS3 偽類

仅有的幸福

nth-child() 選擇器

滿天的星座

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

过去多啦不再A梦

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

phpcn_u1582

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

巴扎黑

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

.Line ul li.Float-R{
float:left;
}
p.Line ul li.Float-R{
float:right;//这里会覆盖上面的样式
}
某草草

多加個類別 增加優先權

曾经蜡笔没有小新

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板