CSS оптимизация с точки зрения LoC

Question

Глупый вопрос, но просто любопытный, скажем, у меня есть CSS в следующем формате,

.name1{color: black}
.name2{color: red}
.name3{color: yellow}

Теперь мне нужно добавить еще одно свойство, например text-художественное оформление: подчеркивание во всех этих трех.Вместо того, чтобы добавлять его в каждое правило следующим образом:

.name1{color: black,text-decoration: underline }
.name2{color: red,text-decoration: underline }
.name3{color: yellow,text-decoration: underline }

Есть ли лучший способ сделать это, объединяя их вместе для оформления текста: подчеркните и используйте их свойство цвета как таковое.Что-то вроде наследования или переопределения в ООП.

Спасибо, Аби

Answer 1

.name1,
.name2,
.name3 {
    text-decoration: underline;
}

Вы также можете добавить класс к каждому элементу в HTML и ссылаться на него один раз в CSS.

Кроме того, разделителем свойства является ;, а не ,.