是什么在CSS声明两个点意味着什么？(What do two dots in a CSS decla

这是一段代码Twitter的引导

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

于是从什么.nav.pull-right是什么意思？（请注意，有两个点）

找遍了这里，因为我认为这是某种选择，但我找不到它。

Answer 1:

这两个点表示两班。

也就是说，它是选择所有元素与类导航和右拉它的目标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指具有类“资产净值”和类“右拉式”的比赛内容。

Answer 5:

2点实际上匹配于2类（选择器）同时

阅读合并的答案后，我仍然不是很清楚，做研究和阅读后拿出周到的理解.container的div {}和div.container {}之间，其中讨论点（这种情况下）的差异与空间选择（匹配的第一个选择的孩子）。

回想一下关于CSS选择器大拇指的规则：

（以选择）空间的意思是正确选择是向左选择的孩子
点捐一类选择
否则， 标签选择 例如<DIV>或<H3>或<TD>

其中第2条和3是某种方式互换

原方案：

.nav.pull-right

变换1点类选择标记选择（交换规则2规则3）成为标签+点方案

ul.pull-right

最后的结果是微不足道的，它拉正确的类所有UL标签定义匹配

PS我永远不会再混淆，希望每一位读者不会再混淆

Answer 6:

这是我对重复的问题答案。我已经把它这么大的力气，我想用“原始”后分享。

它只是选择具有类“移动”和“向上”的元素。 http://www.w3schools.com/cssref/css_selectors.asp

 div{ width: 60px; height: 60px; background: beige; border: solid black; float:left; margin: 10px; text-align: center; line-height: 60px; font-family: arial; font-weight: bold; } .separator{ width: 5px; height: 60px; border: solid black; background: grey; clear: both; } .move.up{ background: green; } //Additional knowledge .class1 .class2{ background: orange; } span div{ background: purple; } .class3, .class4{ background: brown; }

 <div class="separator"></div> <div class="move"> 1 </div> <div class="up"> 2 </div> <div class="move up"> 3 </div> <div class="move classyclass up"> 4 </div> <div class="separator"></div> <!-- Additional knowledge :) --> <div class="class1"> 5 </div> <div class="class2"> 6 </div> <div class="class1 class2"> 7 </div> <div class="class1 classyclass class2"> 8 </div> <span> <div>8.1</div> </span> <div class="separator"></div> <div class="class3"> 9 </div> <div class="class4"> 10 </div> <div class="class3 class4"> 11 </div> <div class="class3 classyclass class4"> 12 </div>

文章来源: What do two dots in a CSS declaration mean?