如何在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！
-
问题内容： 我正在尝试选择a内的所有元素，但第三个和第四个除外。我设法做到了： 我想合并这些选择器，因为我还有其他条目。像这样的东西，但是没有用： 这 确实 适用于jQuery，但不适用于CSS。我正在使用Chrome（并且我只需要在其中使用它即可）。 我无法找到这种情况的组合选择器。如何将选择器与结合使用？ 问题答案： 选择器级别3仅允许伪类中的单个简单选择器使用。作为jQuery选择器，它之所
-
CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 <p> 元素插入到 <div> 元素中: div p { backg
-
问题内容： 是否可以选择最后一个没有课程属性的孩子？像这样： 在这种情况下，我想选择第三行。 我尝试了以下操作，但无效： 提前致谢。 问题答案： 不单单是CSS选择器，也不是，就像专门针对 最后一个child一样 ，并且没有类似的伪类。请参阅我对这个相关问题的回答。 截至2015年底，对于选择器4的扩展，实现已开始慢慢进行，并允许您将任意选择器作为参数传递（有关更多信息，请参见链接答案的更新）。然
-
本文向大家介绍CSS 类名选择器，包括了CSS 类名选择器的使用技巧和注意事项，需要的朋友参考一下 示例 类名选择器选择具有目标类名的所有元素。例如，类名称.warning将选择以下<div>元素： 您还可以将类名称更具体地组合到目标元素。让我们以上面的示例为基础，展示更复杂的类选择。 的CSS 的HTML 在此示例中，具有.warning类的所有元素将具有蓝色文本颜色，具有.important类
-
问题内容： 当用户将鼠标悬停在类名称为的元素上时，我尝试应用background-color 。 但是如果元素 也 有颜色，我不想更改颜色 注意：因为我在某种有限的环境中工作，所以只能使用CSS而不是JavaScript。 为了澄清，我的目标是为悬停时的第一个元素着色，而不是第二个元素。 的HTML 我在下面尝试过，希望第一个定义有效，但事实并非如此。我究竟做错了什么？ 的CSS 问题答案： 一种
-
id 和 class 选择器 如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": #para1 { text-align:cente