具有相同名称的元素

Question

我有这个问题与css.All我想要声明到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允许元素具有MULTIPLE类名称。

Answer 2

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

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