这是一个创建于 2950 天前的主题，其中的信息可能已经有所发展或是发生改变。
比如我现在有一个 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