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

Question

如果我有以下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>

Answer 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.myClass比div#content.myClasstagName添加不需要的筛选步骤要快。仅在必须的地方在选择器中使用tagNames！

Answer 2

通常，您不需要对id指定的元素进行分类，因为id始终是唯一的，但是如果您确实需要，则可以执行以下操作：

div#content.sectionA {

    /* ... */

}

Answer 3

在一个元素上组合id和class并没有错，但是对于一条规则，您不必同时通过ID进行识别。如果您确实要这样做，可以执行以下操作：

#content.sectionA{some rules}

您不需要div其他人建议的ID前面的。

通常，应使用ID设置特定于该元素的CSS规则，并且这些规则将比仅该类具有更大的权重。该类指定的规则将是属性，这些属性适用于您不想在任何时候需要在多个位置进行更改的多个项目。

归结为：

 .sectionA{some general rules here}

 #content{specific rules, and overrides for things in .sectionA}

说得通？