html – 为什么css规则占优势

概述我有2个规则,我适用于html元素,导航和拉右 HTML <ul class="top-header__nav nav nav-inline pull-right"> <li><a href="#">Acceussil</a></li> <li><a href="#">Acsssceuil</a></li> 我有2个规则,我适用于HTML元素,导航和拉右

HTML

<ul >                <li><a href="#">Acceussil</a></li>                <li><a href="#">ACSSsceuil</a></li>                <li><a href="#">Accessuil</a></li>                <li><a href="#">Accesssuil</a></li>                <li><a href="#">Accesssuil</a></li></ul>

CSS

.nav {    margin: 0;    padding: 0;}.pull-right {    margin-left: auto;}

通常,ul应该有自动边距,但导航边距：0优先为什么？

– 这是Chrome developper工具的图像：

解决方法 根据发布的屏幕截图,右侧的类是在第32行,而导航类是在第38行,这解释了为什么导航覆盖拉右.

如果您放置HTML代码并不重要：

<ul >

或者像这样：

<ul >

因为你的CSS中的后续属性会覆盖你的CSS中的前一个属性(除非当然使用！important标签).

总结

以上是内存溢出为你收集整理的html – 为什么css规则占优势全部内容，希望文章能够帮你解决html – 为什么css规则占优势所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。