一尘不染

如何在CSS选择器中组合类和ID?

css

如果我有以下div:

<div class="sectionA" id="content">
    Lorem Ipsum...
</div>

有没有一种方法可以定义表达“与id='content'AND 的div”这一想法的样式class='myClass'

还是您只是简单地走了一条路

<div class="content-sectionA">
    Lorem Ipsum...
</div>

要么

<div id="content-sectionA">
    Lorem Ipsum...
</div>

阅读 459

收藏
2020-05-16

共1个答案

一尘不染

在样式表中:

div#content.myClass

编辑:这些可能也有帮助:

div#content.myClass.aSecondClass.aThirdClass /* Won't work in IE6, but valid */
div.firstClass.secondClass /* ditto */

并且,根据您的示例:

div#content.sectionA

四年后进行编辑: 由于它已经过时了,人们一直在寻找它: 不要
在选择器中使用tagNames。#content.myClassdiv#content.myClasstagName添加不需要的筛选步骤要快。
仅在必须的地方在选择器中使用tagNames!

2020-05-16