CSS声明中的两个点是什么意思？
CSS声明中的两个点是什么意思？
提问于 2012-05-31 04:46:57
这是来自Twitter Bootstrap的一小段代码
.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
left: auto;
right: 0;
}那么，从这一点来看，.nav.pull-right意味着什么？(请注意，这里有两个点)
我搜索了here，因为我认为它是某种选择器，但我找不到它。
回答 5
Stack Overflow用户
回答已采纳
发布于 2012-05-31 04:49:09
这两个点表示两个类。
也就是说，它选择了具有一个nav类的所有元素，然后向右拉它的目标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>Stack Overflow用户
发布于 2012-05-31 04:49:02
这意味着同时具有nav和pull-right类的元素。
Stack Overflow用户
发布于 2012-05-31 04:51:50
选择器查找类为pull-right且类为nav的任何元素
<div class="nav pull-right"></div>顺便说一句，选择器和class属性中的顺序都不重要。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10824007
复制相关文章
相似问题
腾讯云开发者
