CSS声明中的两个点意味着什么?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (10)

.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

所以从这一点看.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>
用户回答回答于

这意味着有两个类的元素:navpull-right

扫码关注云+社区