这是一个创建于 3301 天前的主题，其中的信息可能已经有所发展或是发生改变。
比如我现在有一个 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 了？
.aaa .a1{...}
.aaa .a2{...}
.aaa .a3{...}
.aaa .a4{...}
.aaa .a5{...}
大量的样式定义仅仅 for .aaa
有没有方法能简化上面的 CSS 代码，例如：
@style-for (.aaa) {
.a1{...}
.a2{...}
.a3{...}
.a4{...}
.a5{...}
}
这样指定一个区域范围.aaa ，然后其中的定义就不用每个样式前面都加一个.aaa 了？
 | 1 g0thic 2016-10-17 12:06:15 +08:00  1 用 less , sass 这些工具咯 |
 | 3 ijse 2016-10-17 12:17:54 +08:00 用 autoprefixer 吧，写 css 时不必考虑加前缀了。 |
 | 4 sensui7 2016-10-17 12:20:37 +08:00 1 scss .aa { .a1{} .a2{} } 编译后: .aa .a1{} .aa .a2 {} .aa .a3 {} |
 | 5 zachlhb 2016-10-17 12:22:12 +08:00 via Android less 写超级简单 |
 | 6 IamJ 2016-10-17 12:48:01 +08:00 1 |
 | 7 loading 2016-10-17 13:37:09 +08:00 via Android 对着非语意化的 class nane ，如果是我开发，我会疯～ |
 | 8 909887927 2016-10-17 13:44:22 +08:00 https://joeldecode.github.io/2016/10/14/%E5%B8%B8%E7%94%A8less%E6%96%B9%E6%B3%95/ less 方法的嵌套规则就是这样的 a{ .ab{ } } |
Select Language