这是从
Twitter Bootstrap的一点代码
.navbar .nav.pull-right .dropdown-menu,.navbar .nav .dropdown-menu.pull-right { left: auto; right: 0; }
那么从那个.nav.pull-right是什么意思? (注意有两个点)
解决方法
两个点表示两个类。
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>