Html 在基于id的css中重用类

我有一个基于id的CSS文件，我注意到我主要是在重复我自己。我想做的是指定一个id为的项遵循某个类+一些其他规则。例如：我希望id

id1

应用class

LinkButton

的所有属性以及值

back color:green

。在css文件中有这样做的方法吗？有没有更好的方法来完成我正在研究的任务？

您可以在给定的属性集上指定多个选择器，如下所示：

.LinkButton , #id1 { color: red; border: solid 1px blue; } /* Both get these */
#id1 { back-color: green; } /* Adding rules */

如果需要，它还可以覆盖任何属性：

.LinkButton , #id1 { color: red; back-color: red; } /* Both get these */
#id1 { back-color: green; } /* Changing rules */

或者为元素指定类和ID：

<div id="id1" class="LinkButton ">

---

您可以在一组给定的属性上指定多个选择器，如下所示：

.LinkButton , #id1 { color: red; border: solid 1px blue; } /* Both get these */
#id1 { back-color: green; } /* Adding rules */

如果需要，它还可以覆盖任何属性：

.LinkButton , #id1 { color: red; back-color: red; } /* Both get these */
#id1 { back-color: green; } /* Changing rules */

或者为元素指定类和ID：

<div id="id1" class="LinkButton ">

---

无需使用基于ID的样式表。避免重复正是上课的目的。为什么不使用类而不是ID？它们更灵活，什么也不带走。（您仍然可以针对特定元素。）

您可以奇妙地组合多个CSS类（它们对多个类的解释被破坏）

重要提示

如果您有一个需要特定规则的特定元素，请给它一个以其ID命名的类：

 <span id="really_special" class="id_really_special info extrabig highlight">

并在

.id\u really\u special

类中定义元素的唯一属性

---

ID用于通过DOM imo访问元素。样式设置实际上应该留给类来完成。

无需使用基于ID的样式表。避免重复正是上课的目的。为什么不使用类而不是ID？它们更灵活，什么也不带走。（您仍然可以针对特定元素。）

您可以奇妙地组合多个CSS类（它们对多个类的解释被破坏）

重要提示

如果您有一个需要特定规则的特定元素，请给它一个以其ID命名的类：

 <span id="really_special" class="id_really_special info extrabig highlight">

并在

.id\u really\u special

类中定义元素的唯一属性

---

id是用来通过DOM imo访问元素的。样式设计实际上应该留给类来完成。

您能否详细说明“id遵循某个类+其他一些规则”的含义？谢谢@mwc我在问题中澄清了。你能详细解释一下你所说的“id遵循某个类+一些其他规则”是什么意思吗？谢谢@mwc我在问题中澄清过。你不能在一个元素上设置一个ID和一个类，这样你就可以让所有元素都遵循你用相同规则指定的类，然后让CSS通过选择ID来提供其他属性吗？@animuson-是的，我有这个例子，但是请记住，在这种情况下，CSS中最后指定的规则是什么。您可以随时添加！对于ID选择的样式很重要，以确保它们覆盖了主类中的任何样式。@animuson-同意，尽管我倾向于避开这一点，并尝试使CSS更清晰…个人品味！重要的是，我相信不同。你不能在一个元素上设置一个ID和一个类，这样你就可以让所有的元素都遵循你用相同的规则指定的类，然后让CSS通过选择ID来提供额外的属性吗？@animuson-是的，我有这个例子，但是请记住，在这种情况下，CSS中最后指定的规则是什么。您可以随时添加！对于ID选择的样式很重要，以确保它们覆盖了主类中的任何样式。@animuson-同意，尽管我倾向于避开这一点，并尝试使CSS更清晰…个人品味！重要的是，我相信。