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

Question

这是来自Twitter Bootstrap的一些代码

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

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

我在这里搜索过,因为我认为它是某种选择器,但我找不到它.

Answer 1

两个点表示两个类.

IE它正在选择所有带有导航类的元素并且右拉它的目标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>

Answer 2

这意味着一个元素同时具有类nav和pull-right.

Answer 3

选择器查找具有类的任何元素,该类nav也具有以下类pull-right:

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

作为旁注,顺序在选择器和class属性中都无关紧要.

Answer 4

.nav.pull-right表示匹配具有“nav”类和“pull-right”类的元素。