首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS声明中的两个点是什么意思?

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

Stack Overflow用户
提问于 2012-05-31 04:46:57
回答 5查看 15.3K关注 0票数 23

这是来自Twitter Bootstrap的一小段代码

代码语言:javascript
复制
.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

那么,从这一点来看,.nav.pull-right意味着什么?(请注意,这里有两个点)

我搜索了here,因为我认为它是某种选择器,但我找不到它。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2012-05-31 04:49:09

这两个点表示两个类。

也就是说,它选择了具有一个nav类的所有元素,然后向右拉它的目标HTML将如下所示

代码语言:javascript
复制
<div class="nav pull-right"></div>

这也不一定意味着它在寻找一个div。它可以是任何元素。

根据完整的选择器,它将匹配类似于这些.navbar .nav.pull-right .dropdown-menu, .navbar .nav .dropdown-menu.pull-right的内容

代码语言:javascript
复制
<element class='navbar'>
    <element class='nav pull-right'>
        <element class='dropdown-menu'>It would match this!</element>
    </element>
</element>

以及

代码语言:javascript
复制
<element class='navbar'>
    <element class='nav'>
        <element class='dropdown-menu pull-right'>It would also match this!</element>
    </element>
</element>
票数 35
EN

Stack Overflow用户

发布于 2012-05-31 04:49:02

这意味着同时具有navpull-right类的元素。

票数 9
EN

Stack Overflow用户

发布于 2012-05-31 04:51:50

选择器查找类为pull-right且类为nav的任何元素

代码语言:javascript
复制
<div class="nav pull-right"></div>

顺便说一句,选择器和class属性中的顺序都不重要。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10824007

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档