是否有使用大括号的CSS父选择器用于子类快捷方式？

Question

我有一大堆这样的CSS样式：

.T .class1{...}
.T .class2{...}
.T .class3{...}
...etc

有没有办法写这个没有每次都写.T？像媒体查询的工作方式会很棒：

.T{
    .class1{...}
    .class2{...}
    .class3{...}
    ...etc
}

这样的事情可能吗？如果没有，我们可以推测原因吗？

Answer 1

不，CSS不支持此功能。但是，像SASS和LESS这样的CSS 预处理器。

Answer 2

我一直希望CSS会以这种方式构建，但遗憾的是，它没有。

如果所有的“.class1，.class2等”如果风格相同，你可以使用几种方法。

您可以执行以下操作：

.T .class1, .T .class2, .T .class3....{
    /* Your code here */
}

或者你可以做这样的事情（取决于你的应用程序）：

.T *{
    /* Your code here */
}

后者不太具体，会选择.T元素内的所有内容。

我假设您需要单独设置每个“class1，class2”，这会使这些答案变得无用。那时，您可以使用javascript来实现这一点，尽管它不那么优雅。

Answer 3

  

我正在为网络应用创建触摸样式表。身体标签有   T级所以它下面的所有东西都会被设计成胖手指

您可以在mobile.css中编写所有样式，并仅为具有JS的移动设备附加此文件

Answer 4

如上所述，您可以尝试以下方面的魔力：   - SASS：http://sass-lang.com/   - 少：http://lesscss.org/

一旦开始使用它们，请注意不要在嵌套选择器时发疯。