具有相同名称的元素

Question

我有css这个问题。我想要的是声明css一个同名的元素。

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

Answer 1

p.element1 {
 /* style here */
}
div.element1 {
 /* style here */
}

• http://css-tricks.com/how-css-selectors-work/

Answer 2

您可以使用多类选择器。

<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允许元素具有MULTIPLE类名。