例如，如果我有以下HTML：
- <div class="someDiv"></div>
和这个CSS：
- .opacity {
- filter:alpha(opacity=60);
- -moz-opacity:0.6;
- -khtml-opacity: 0.6;
- opacity: 0.6;
- }
- .radius {
- border-top-left-radius: 15px;
- border-top-right-radius: 5px;
- -moz-border-radius-topleft: 10px;
- -moz-border-radius-topright: 10px;
- }
- .someDiv {
- background: #000; height: 50px; width: 200px;
- /*** How can I reference the opacity and radius classes here
- so this div has those generic rules applied to it as well ***/
- }
解决方法
不，您不能从另一个引用一个规则集。
但是，您可以在样式表中的多个规则集上重复使用选择器，并在单个规则集(由separating them with a comma)上使用多个选择器。
- .opacity,.someDiv {
- filter:alpha(opacity=60);
- -moz-opacity:0.6;
- -khtml-opacity: 0.6;
- opacity: 0.6;
- }
- .radius,.someDiv {
- border-top-left-radius: 15px;
- border-top-right-radius: 5px;
- -moz-border-radius-topleft: 10px;
- -moz-border-radius-topright: 10px;
- }
您还可以将多个类应用于单个HTML元素(类属性采用空格分隔列表)。
- <div class="opacity radius">
它可能会帮助，如果你使用类名称描述为什么元素应该样式，而不是如何应该样式。保留样式表中的方式。
