[分享]css中class有哪些值

在CSS中，class是用于指定一个或多个元素的样式的属性。class在HTML中表示为class属性，并用空格分隔多个class值，像这样： 在CSS中，可以用class选择器来选择具有指定clas...

在CSS中，class是用于指定一个或多个元素的样式的属性。class在HTML中表示为class属性，并用空格分隔多个class值，像这样：

<div class="class1 class2"></div> 

在CSS中，可以用class选择器来选择具有指定class的元素，像这样：

.class1 {
  color: red;
} 

当class属性值有多个值时，可以使用复合类选择器来选择元素：

.class1.class2 {
  font-weight: bold;
} 

此选择器将选择具有同时具有class1和class2的元素。

还可以使用通配选择器（*）来选择具有任何class的元素：

[class] {
  border: 1px solid gray;
} 

这将为具有class属性的所有元素添加1像素灰色边框。

最后，还可以使用子串匹配属性选择器来选择具有特定class的元素。例如，可以使用类似于以下方式的选择器来选择具有开头为"my-"的class属性的所有元素：

[class^="my-"] {
  background-color: yellow;
} 

这将为class属性值以"my-"开头的所有元素添加黄色背景。