Можно ли указать несколько классов CSS с одним именем класса?

Question

У меня есть несколько классов css, которые я хотел бы указать на элементе. Но я не хочу, чтобы каждый раз повторял место 3, 4 или более классов.

Я хотел бы перейти от

<span class ="class1 backgroundclass borderclass iconclass">Link</span> 

Для

<span class="linkClass">Link</span> 

Можно ли это сделать? Если да, то как?

Answer 1

В обычном CSS, вы должны включить .linkClass в каждое определение класса, как это:

.class1, .linkClass { ...... } 
.backgroundclass, .linkClass { ...... } 
.borderclass, .linkClass { ...... } 

Не очень хорошо для удобства чтения.

Вы можете изучить предварительные процессоры CSS, такие как LessCSS, которые упрощают это. С LessCSS, это, кажется, можно сделать следующее:

.linkClass { 
    .class1; 
    .backgroundclass; 
    .borderclass; 
} 

LessCSS затем компилировать окончательные таблицы стилей из-за этого.

Answer 2

То, о чем вы просите, на самом деле не имеет большого смысла, я боюсь. :-)

Если вы хотите применить несколько общих классов CSS, просто добавьте их по одному. Если, однако, вместо этого у вас есть один класс CSS со всеми необходимыми свойствами, просто укажите это.

Это, скорее всего, ваши варианты. Я боюсь, что выбор между ними будет заключаться в том, будет ли значительная избыточность в HTML, а не в CSS. (т. е .: если вы всегда используете два общих класса, тогда имеет смысл создать класс с комбинированными свойствами в CSS.)