具有相同名稱的元素

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/