CSS 类名选择器
示例
类名选择器选择具有目标类名的所有元素。例如，类名称.warning将选择以下<div>元素：
<div class="warning"> <p>This would be some warning copy.</p> </div>
您还可以将类名称更具体地组合到目标元素。让我们以上面的示例为基础，展示更复杂的类选择。
的CSS
.important {
color: orange;
}
.warning {
color: blue;
}
.warning.important {
color: red;
}
的HTML
<div class="warning"> <p>This would be some warning copy.</p> </div> <div class="important warning"> <p class="important">This is some really important warning copy.</p> </div>
在此示例中，具有.warning类的所有元素将具有蓝色文本颜色，具有.important类的所有元素将具有橙色文本颜色，同时具有.important和.warning类名的所有元素将具有红色文本颜色。
请注意，在CSS中，.warning.important声明在两个类名之间没有任何空格。这意味着它将仅查找同时包含类名warning和important其class属性的元素。这些类名称可以在元素上以任何顺序排列。
如果CSS声明中的两个类之间包含空格，则只会选择具有父.warning类名称和子.important类元素的元素。
-
本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。 静态
-
问题内容： 我只想自行选择一个名为.date的类 由于某种原因，我无法使它正常工作。如果有人知道我的代码出了什么问题，将不胜感激。 问题答案： 我想写这个问题的规范答案，因为上面的答案有问题。 我们的问题 该 CSS 选择器： 将选择具有 foo 类的任何元素。 您如何在XPath中做到这一点？ 尽管XPath比CSS强大，但是 XPath没有CSS类选择器的本机等效项 。但是，有一个解决方案。
-
问题内容： CSS 类选择器中允许使用哪些字符/符号？ 我知道以下字符 无效 ，但是哪些字符 有效 ？ 问题答案： 您可以直接在CSS语法中进行检查。 基本上， 1，名称必须以下划线（），连字符（）或字母（– ）开头，后跟任意数量的连字符，下划线，字母或数字。有一个陷阱：如果第一个字符是连字符，第二个字符必须2是字母或下划线，并且名称必须至少2个字符长。 简而言之，从W3C规范中提取的先前规则转化
-
主要内容：1. 通用选择器,2. 标签选择器,3. ID 选择器,4. 类选择器,5. 后代选择器,6. 子选择器,7. 相邻兄弟选择器,8. 通用兄弟选择器,9. 分组选择器,10. 属性选择器选择器由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成，用来指定要为哪个 HTML 元素定义样式。选择器是 CSS 样式规则中重要的组成部分，我们可以将选择器看作是 CSS 样式与 HTML 元素之间的匹配模式，与选择器关联的样式规则会应用于选择器所指定的 HTML 元素上。
-
问题内容： 当用户将鼠标悬停在类名称为的元素上时，我尝试应用background-color 。 但是如果元素 也 有颜色，我不想更改颜色 注意：因为我在某种有限的环境中工作，所以只能使用CSS而不是JavaScript。 为了澄清，我的目标是为悬停时的第一个元素着色，而不是第二个元素。 的HTML 我在下面尝试过，希望第一个定义有效，但事实并非如此。我究竟做错了什么？ 的CSS 问题答案： 一种
-
问题内容： 我到处都读到CSS不区分大小写，但是我有这个选择器 当我像这样在HTML中使用时，它会被拾取 如果我这样改变上面的选择器 这样就不会拾取样式。 问题答案： CSS选择器通常不区分大小写；这包括类和ID选择器。 但是HTML类名 _是_区分大小写的（见属性定义），这就是导致你的第二个例子不匹配。HTML5中没有更改。1个 这是因为选择器的区分大小写取决于文档语言的含义： 在ASCII范围