在基于id的css中重用类

时间:2010-03-08 19:30:34

标签: html css

我有一个基于id的CSS文件,我注意到我主要重复自己。我想要做的是指定具有id的项目遵循某个类别+其他一些规则。例如:我希望ID为id1,以便应用类LinkButton的所有属性以及值back-color: green。有没有办法在css文件中执行此操作?有没有更好的方法来做我正在看的事情?

2 个答案:

答案 0 :(得分:4)

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

.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 ">

答案 1 :(得分:3)

无需使用基于ID的样式表。避免重复是完全那里有什么类。为什么不使用类而不是ID?它们更加灵活,不会带走任何东西。 (你仍然可以定位特定元素。)

您可以奇妙地组合多个CSS类(except for IE6,,其中多个类的解释被破坏。)

<span class="info extrabig highlight"> Important hint </span>

如果你有一个需要特定规则的特定元素,那么给它一个以其ID命名的类:

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

并在.id_really_special类中定义元素的唯一属性。

ID可以通过DOM imo访问元素。样式应该留给上课。