CSS 有没批量定义前缀的方法？

[nikoo]

比如我现在有一个 style.css：
.aaa .a1{...}
.aaa .a2{...}
.aaa .a3{...}
.aaa .a4{...}
.aaa .a5{...}

大量的样式定义仅仅 for .aaa
有没有方法能简化上面的 CSS 代码，例如：
@style-for (.aaa) {
.a1{...}
.a2{...}
.a3{...}
.a4{...}
.a5{...}
}

这样指定一个区域范围.aaa ，然后其中的定义就不用每个样式前面都加一个.aaa 了？

[g0thic]

用 less , sass 这些工具咯

[nikoo]

@g0thic 怎么用 less sass 来简化上面的代码？求教，谢谢！

[ijse]

用 autoprefixer 吧，写 css 时不必考虑加前缀了。

[sensui7]

scss

.aa {
.a1{}
.a2{}
}
编译后:
.aa .a1{}
.aa .a2 {}
.aa .a3 {}

[zachlhb]

less 写超级简单

[IamJ]

http://www.ruanyifeng.com/blog/2012/06/sass.html
看
3.3 嵌套

LESS 同样适用

[loading]

对着非语意化的 class nane ，如果是我开发，我会疯～

[909887927]

https://joeldecode.github.io/2016/10/14/%E5%B8%B8%E7%94%A8less%E6%96%B9%E6%B3%95/
less 方法的嵌套规则就是这样的
a{
.ab{
}
}

[909887927]

@loading class 的 nane 是什么意思 class name ?

[loading]

@909887927 typo ……应该是 name