首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >类中的类子类的CSS选择器

类中的类子类的CSS选择器
EN

Stack Overflow用户
提问于 2012-07-14 01:39:12
回答 3查看 770关注 0票数 2

是否可以为‘具有类b的元素,这是具有类a的元素的后代’创建一个CSS选择器?

谢谢,拉斯托

EN

回答 3

Stack Overflow用户

发布于 2012-07-14 01:41:36

是的,这是可能的:

直接后代:

代码语言:javascript
运行
复制
.a > .b { /* ... */ }

所有后代:

代码语言:javascript
运行
复制
.a .b { /* ... */ }
票数 5
EN

Stack Overflow用户

发布于 2012-07-14 01:41:44

给出了加价:

代码语言:javascript
运行
复制
<div class="elementClassA">
    <div class="elementClassB">first B element</div>
</div>
<div class="elementClassA">
    <div class="elementClassC">first C element
        <div class="elementClassB">Second B element</div>
    </div>
</div>​

是的,对于所有的后代:

代码语言:javascript
运行
复制
.elementClassA .elementClassB {
}

上面的代码将同时针对first B elementSecond B elementJS Fiddle demo

对于直系后代:

代码语言:javascript
运行
复制
.elementClassA > .elementClassB {
}

这将只针对first B elementJS Fiddle demo

参考文献:

  • `CSS Selectors.
票数 2
EN

Stack Overflow用户

发布于 2012-07-14 01:42:00

当然,它是一个简单的CSS选择器:

代码语言:javascript
运行
复制
.classA .classB {}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11475553

复制
相关文章

相似问题

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