Могу ли я указать несколько классов 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.)