类中所有类的CSS3 "with"选择器？它存在吗？

Question

在 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。例如。每个主体都有自己的类，我可以为每个不同的页面/主体分配样式。

Answer 1

CSS3 没有您想要的。

您可以在 LESS 等 CSS 预处理器中找到您所要求的功能类型选项。具有嵌套能力。

在 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; }