Fatal编程技术网
  • html/
  • Html 为什么css规则会优先

Html 为什么css规则会优先

html css twitter-bootstrap

Html 为什么css规则会优先,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有两条规则应用于html元素，nav和pull right html <ul class="top-header__nav nav nav-inline pull-right"> <li><a href="#">Acceussil</a></li> <li><a href="#">Acsssceuil</a></li>

我有两条规则应用于html元素，
nav
和
pull right

html

<ul class="top-header__nav nav nav-inline pull-right">
                <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>
通常，
ul
应该有
margin
到
auto
的权限，但是导航
margin:0
优先，为什么

--以下是chrome开发工具的图像：

根据发布的屏幕截图，
向右拉
类位于第32行，而
导航
类位于第38行，这解释了
导航
覆盖
向右拉
的原因

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

<ul class="top-header__nav nav nav-inline pull-right">

<ul class="top-header__nav pull-right nav nav-inline">
或者像这样：

<ul class="top-header__nav nav nav-inline pull-right">

<ul class="top-header__nav pull-right nav nav-inline">
由于css中的后续属性将覆盖css中的前一个属性（当然，除非使用了重要的标记）。

在上述示例中，
向右拉将覆盖默认边距和
导航边距。你到底在想什么？没错，但它没有，顶部页眉的页边空白设置为0。我不太清楚你的意思。如果你说的是
nav
的边际，那么
边际：0仅适用于
右边距
、
右边距顶部
和
左边距底部
，而
左边距
被
向右拉
属性覆盖。@AndrewLyndem检查我发布的图像。奇怪的是，我的行为与您在同一示例中的行为不同：这里，左边距：自动；应用