是否可以在另一个CSS规则中引用它？

小编典典

是否可以在另一个CSS规则中引用它？

css

例如，如果我具有以下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 ***/

}

就像在脚本语言中一样，您具有通常在脚本顶部编写的通用函数，而每次需要使用该函数时，只需调用该函数即可，而不必每次都重复所有代码。

阅读 546

2020-05-16

共1个答案

小编典典

不，您不能从另一个引用一个规则集。

但是，您可以在样式表中的多个规则集上重用选择器， _并_在单个规则集上使用多个选择器通过用逗号分隔它们。

.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元素（class属性采用空格分隔的列表）。

<div class="opacity radius">

这些方法中的任何一种都可以解决您的问题。

如果您使用描述了 为什么 要设置元素样式而不是应该如何设置样式的类名，可能会有所帮助。保留如何在样式表。

2020-05-16