CSS类选择器的详细解决方案
类选择器在CSS中，由一个点显示的类：
复制代码代码如下所示：
中心{文本对齐：中心}
在上面的示例中，所有具有中心类的HTML元素都位于中间。
在下面的HTML代码中，H1和P元素都有中心类，这意味着这两个元素都将遵从选择器中的规则。
复制代码代码如下所示：
这个标题将居中对齐。
这一段也将居中对齐。
注意：类名的第一个字符不使用数字！它不在Mozilla或Firefox中工作。
与id一样，类也可以用作派生选择器：
复制代码代码如下所示：
花式TD
Color: #f60;
背景：# 666；
}
在上面的示例中，具有较大元素的表单元名为花式，它将在灰色背景中显示橙色文本（更大的称为花式的元素可能是表或div）。
元素也可以根据它们的类来选择。
复制代码代码如下所示：
td.fancy {
颜色：# F60；
背景：# 666；
}
在上面的例子中，表名为花式的表将是橙色的，带有灰色背景。
复制代码代码如下所示：
多类选择器
1。在HTML中，一个类值可能包含一个由每个单词之间的空格隔开的单词列表。例如，如果你想同时标记一个特定的元素（重要的）和警告（警告），你可以写（这两个词的顺序是不相关的，写得很重要）。
复制代码代码如下所示：
这段话是非常重要的警告。
我们假设类的所有元素都是重要的，而类警告所有的元素都是斜体，和类包含重要的警告所有的元素，以及一个银色的背景，你可以写：
复制代码代码如下所示：
重要的{字体重量：粗体；}
警告{字体重量：斜体；}
背景：银。important.warning {；}
2。通过将两个类选择器连接在一起，只可以选择包含类名的元素（类名的顺序不受限制）。
如果一个多类选择器包含一个不在类名列表中的类名，则匹配将失败。请看下面的规则：
复制代码代码如下所示：
背景：银。important.urgent {；}
正如预期的那样，这个选择器只匹配包含类属性中重要和紧急单词的p元素。因此，如果p元素的类属性只是单词重要和警告，则它将不匹配。但是，它可以匹配以下元素：
复制代码代码如下所示：
这一段是非常重要和紧急的警告。