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