V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 3493 days ago, the information mentioned may be changed or developed.
比如我现在有一个 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 Oct 17, 2016  1
用 less , sass 这些工具咯
|
 |
3
ijse Oct 17, 2016
用 autoprefixer 吧，写 css 时不必考虑加前缀了。
|
 |
4
sensui7 Oct 17, 2016 1
scss
.aa { .a1{} .a2{} } 编译后: .aa .a1{} .aa .a2 {} .aa .a3 {} |
 |
5
zachlhb Oct 17, 2016 via Android
less 写超级简单
|
 |
6
IamJ Oct 17, 2016 1
|
 |
7
loading Oct 17, 2016 via Android
对着非语意化的 class nane ，如果是我开发，我会疯～
|
 |
8
909887927 Oct 17, 2016
https://joeldecode.github.io/2016/10/14/%E5%B8%B8%E7%94%A8less%E6%96%B9%E6%B3%95/
less 方法的嵌套规则就是这样的 a{ .ab{ } } |
Select Language