[分享]css两个类名之间写逗号

在CSS中，使用逗号将两个或更多的类名放在一起时，可以将相同的样式应用于多个元素。当我们在样式规则中同时使用多个类名时，只需在各个类名之间用逗号隔开即可。 .example, .demo { colo...

在CSS中，使用逗号将两个或更多的类名放在一起时，可以将相同的样式应用于多个元素。当我们在样式规则中同时使用多个类名时，只需在各个类名之间用逗号隔开即可。

.example, .demo {
  color: #333;
  background-color: #f1f1f1;
} 

以上代码表示样式规则将同时应用于类名为 "example" 和 "demo" 的元素。这意味着如果我们有多个元素需要具有相同的样式，只需将它们的类名用逗号分隔在一起即可。这使得CSS更易于编写和维护，因为我们不需要复制和粘贴相同的样式规则。

另外，CSS还支持将类名与其他选择器组合使用，例如将类名与标签名、ID选择器和伪类一起使用。我们可以使用逗号在每个选择器之间分隔，以将样式应用于多个元素。

p.example, #demo {
  font-size: 16px;
  line-height: 1.5;
}

.example:hover {
  color: red;
} 

以上代码表示样式规则将应用于拥有类名为 "example" 的段落和ID为 "demo" 的元素。此外，当鼠标悬停在类名为 "example" 的元素上时，将改变其字体颜色为红色。

在CSS中使用逗号分隔类名，可以使我们方便地将相同的样式应用于多个元素，同时也可以与其他选择器组合使用，提高CSS的灵活性和效率。