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

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

在样式表中：

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！

#header .callout和之间存在差异#header.callout。

这是以下内容的“普通英语” #header .callout：
选择所有具有类名称callout的元素，这些元素是ID为的元素的后代header。

并且#header.callout表示：
选择ID为header且类名称为的元素callout。

您可以在此处阅读更多CSS技巧

在一个元素上组合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}

合理？

通常，您不需要分类由id指定的元素，因为id始终是唯一的，但是如果您确实需要，则可以使用以下方法：

div#content.sectionA {
    /* ... */
}

您可以在CSS中结合使用ID和Class，但是ID的目的是唯一的，因此将类添加到CSS选择器将使它过分合格。

使用：tag.id ; tag#class在CSS的标签变量中。

ID应该在整个文档范围内都是唯一的，因此您不必同时基于两者进行选择。您可以通过以下方式为元素分配多个类：class="class1 class2"

我想你们都错了。ID与类不是特定性的问题；它们在逻辑上有完全不同的用途。

应使用ID来识别页面的特定部分：页眉，导航栏，主要文章，作者署名和页脚。

应该使用类将样式应用于页面。假设您有一家普通杂志网站。该网站上的每个页面都将具有相同的元素-页眉，导航，主要文章，侧边栏和页脚。但是您的杂志有不同的版块-经济，体育和娱乐。您希望这三个部分具有不同的外观-保守的经济学和方形的，运动性的，娱乐性的年轻。

您为此使用类。您不需要制作多个ID，例如＃economics-article和＃sports-article和＃entertainment-article。那没有道理。而是，您将定义三个类，。经济学，体育和。娱乐，然后为每个类定义＃nav，＃article和#footer ID。

.sectionA[id='content'] { color : red; }

虽然doctype为html 4.01时无法使用...