html - CSS元素優先權的問題.

Question

  <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的情況怎麼實現我想要的結果呀?
還是說無解?

Answer 1

CSS3 偽類

Answer 2

nth-child() 選擇器

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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

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

Answer 7

多加個類別 增加優先權

Answer 8

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