css多个开关一个样式 |css3伪类制作三角形

.red, .blue, .green {
color: white;
padding: 10px;
border-radius: 5px;
}
.red {
background-color: red;
}
.blue {
background-color: blue;
}
.green {
background-color: green;
}

在上面的代码中，大家定义了三个类名为“red”、“blue”和“green”的CSS类，并将它们应用于三个不同的元素。这些类都有相同的“color”、“padding”和“border-radius”属性，但它们各自有不同的背景颜色。

这种用法可以使大家在一个样式规则中定义多个元素的样式，既方便又节省代码。大家只需要为每个元素添加相应的类名，并根据需要自定义不同的样式即可。