html – Probleme mit der CSS-Elementpriorität.

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>

Mein .Line und .Float-R sind gängige Stile
Das globale li ist hier linksbündig. Ich möchte, dass das angegebene li rechts steht, ohne !important和使用#id hinzuzufügen?
Ich sage immer noch nichts Lösung?

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