css - 多次重用同一个类，但持有不同的风格是不好的做法吗？

Question

比如我想在第一个<li class="first">上做点什么的 <ul>列表。

然后我编写 CSS:

ul .first{
    /*awesome code here*/
}

但是，我也想给第一个 <p class="first"> 一个特定的 CSS我的<div id="content"> .

我是这样做的:

#content .first{
    /*awesome code here*/
}

如果你没有注意到，我重用了类 first为两种完全不同的情况赋予完全不同的风格。

• 以这种方式重用类不好吗？
• 这是否有可能导致故障/错误？

Answer 1

我觉得这很好，因为当您有意定义结构的第一个元素和段落时会是什么样子。虽然，如果您使用 :first-child 伪选择器会更好，但两者都会有不同的样式，因为这就是您想要的。

我希望我没有错过这里的大局，但我也想知道在这种情况下代码可重用性是什么意思？

如果你要使用 ul.first 那么你必须改变你的

<li id="first"至 <li class="first"