html - LoC 方面的 CSS 优化

Question

一个愚蠢的问题，但只是好奇，假设我有以下格式的 css，

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

现在我需要添加一些其他属性，例如 text-decoration: underline 在所有这三个属性上。而不是将其添加到每个规则中，

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

有没有更好的方法，比如将它们组合在一起仅用于文本装饰:下划线并使用它们的颜色属性。类似于 OOP 中的继承或覆盖。

谢谢，阿比

Answer 1

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

您还可以为 HTML 中的每个元素添加一个类，并在 CSS 中引用一次。

另外，属性分隔符是;，不是,。