css - CSS 声明中的两个点是什么意思？

Question

这是来自 Twitter Bootstrap 的一些代码

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

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

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

Answer 1

两个点表示两个类。

即它正在选择具有 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>