Элемент с таким же именем

Question

У меня есть эта проблема с css. Все, что мне нужно - объявить css элемент с тем же именем.

например, существует класс p с именем .element1 и одноименный 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/