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

2016 年 10 月 17 日
 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 了?
3224 次点击
所在节点    前端开发
10 条回复
g0thic
2016 年 10 月 17 日
用 less , sass 这些工具咯
nikoo
2016 年 10 月 17 日
@g0thic 怎么用 less sass 来简化上面的代码?求教,谢谢!
ijse
2016 年 10 月 17 日
用 autoprefixer 吧,写 css 时不必考虑加前缀了。
sensui7
2016 年 10 月 17 日
scss

.aa {
.a1{}
.a2{}
}
编译后:
.aa .a1{}
.aa .a2 {}
.aa .a3 {}
zachlhb
2016 年 10 月 17 日
less 写超级简单
IamJ
2016 年 10 月 17 日
loading
2016 年 10 月 17 日
对着非语意化的 class nane ,如果是我开发,我会疯~
909887927
2016 年 10 月 17 日
909887927
2016 年 10 月 17 日
@loading class 的 nane 是什么意思 class name ?
loading
2016 年 10 月 17 日
@909887927 typo ……应该是 name

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/313282

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX