html - 同名元素

Question

我对 css 有这个问题。我只想向 css 声明一个具有相同名称的元素。

例如有一个名为 .element1 的 p 类和一个同名的div。是否有不同的选项，但保持相同的名称。

Answer 1

您可以使用多类选择器。

<p class='element1 paragraph'>paragraph</p>
<p class='element1 paragraph2'>paragraph</p>

<div class='element1 divClass'>paragraph</div>
<div class='element1 divClass2'>paragraph</div>

CSS

.element1.paragraph{
color:red;
}

.element1.paragraph2{
color:blue;
}

.element1.divClass{
background:gray;
}
.element1.divClass2{
background:yellow;
}

这样所有元素都有相同的类名，但它们仍然可以通过 css 单独挑选出来，使用另一个类名来单独标识它们。这是可能的，因为 html 允许元素具有多个类名。