css - 类中所有类的CSS3“with”选择器？是否存在？

在ActionScript中，我习惯了with()选择器，该选择器帮助我快速将属性分配给一个对象。

对于CSS3，我正在搜索类似内容，而不是：

.custom1 .redclass { background:#F00; }
.custom1 .fontbig { font-size:20px; }
.custom1 .hidden { display:none; }

我只会指定类似的内容：

with(.custom1) {
    .redclass { background:#F00; }
    .fontbig { font-size:20px; }
    .hidden { display:none; }
}

这将大大提高我的速度并简化工作，尤其是仅使用一个CSS文件定位特定于站点的CSS时。例如。每个正文都有自己的类，我可以为每个不同的页面/正文指定样式。

最佳答案

CSS3没有您要的东西。

您需要的功能类型选项在具有嵌套功能的CSS预处理器（如LESS）中找到。

在LESS中，您可以这样编写：

.custom1 {
    .redclass { background:#F00; }
    .fontbig { font-size:20px; }
    .hidden { display:none; }
}

将处理此：

.custom1 .redclass { background:#F00; }
.custom1 .fontbig { font-size:20px; }
.custom1 .hidden { display:none; }