CSS声明中的两个点是什么意思?

前端之家收集整理的这篇文章主要介绍了CSS声明中的两个点是什么意思?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是从 Twitter Bootstrap的一点代码
.navbar .nav.pull-right .dropdown-menu,.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

那么从那个.nav.pull-right是什么意思? (注意有两个点)

搜索here,因为我认为它是某种选择器,但我找不到它。

解决方法

两个点表示两个类。

I.E.它正在使用nav和pull-right类来选择所有元素
它的目标HTML将看起来像这样

<div class="nav pull-right"></div>

这并不一定意味着它也是寻找一个div。它可以是任何元素。

根据你的选择器,它会匹配这样的东西
.navbar .nav.pull-right .dropdown-menu,.navbar .nav .dropdown-menu.pull-right

<element class='navbar'>
    <element class='nav pull-right'>
        <element class='dropdown-menu'>It would match this!</element>
    </element>
</element>

以及

<element class='navbar'>
    <element class='nav'>
        <element class='dropdown-menu pull-right'>It would also match this!</element>
    </element>
</element>
原文链接:https://www.f2er.com/css/218324.html

猜你在找的CSS相关文章