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>