Задать вопрос
Shing
@Shing

Как для .class1 .class2 class3 задать один стиль ссылки?

Только так? .class1 a, .class2 a, class3 a {
Но вроде неправильно
  • Вопрос задан
  • 196 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 3
UnluckySerivelha
@UnluckySerivelha
Проще всего для всех ссылок задать один общий класс classи стилизовать его.
Да и зачем вообще разные классы, если стили должны бить одинаковые?
Ответ написан
shmatuan
@shmatuan
8 year of Web, 5 years of Vue
1. .class1 a, .class2 a, class3 a { - это вполне себе правильно
2. как вариант
<a class ="mainstyle class1"> </a>
<a class ="mainstyle class2"> </a>
<a class ="mainstyle class3"> </a

.mainstyle { font-size: 12px; }
.class1 { color: red; }
.class2 { color: green; }
.class3 { color: blue; }


3. Задать общий стиль всем a { font-size: 12px; }
Ответ написан
Комментировать
@grigorysh1
Есть несколько вариантов.

1) Где вместо "имя" укажите часть названия класса, которое повторяется.
[class*="имя"] a {
  свойства
}


2) Такой вариант тоже нормальный
.class1 a, .class2 a, class3 a {
}


3) Создайте общий класс c одинаковым стилем. А потом дополнительными классами меняйте
.baseclass {  }
.class1 {  }
.class2 {  }
.class3 {  }


<a class ="baseclass class1"> </a>
<a class ="baseclass class2"> </a>
<a class ="baseclass class3"> </a>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы