html - CSS元素优先级的问题.

问题描述

<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 优先级是根据 定位的精准度来的也就是说

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

多加个类 增加优先级

.Float-R 换成 .Line li.Float-R