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