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

Home Sign Up Sign In

This topic created in 3670 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 了？

10 replies • 2016-10-17 13:46:28 +08:00

g0thic

Oct 17, 2016

1

1

用 less , sass 这些工具咯

nikoo

OP

Oct 17, 2016

2

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

ijse

Oct 17, 2016

3

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

sensui7

Oct 17, 2016

1

4

scss

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

zachlhb

Oct 17, 2016 via Android

5

less 写超级简单

IamJ

Oct 17, 2016

1

6

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

LESS 同样适用

loading

Oct 17, 2016 via Android

7

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

909887927

Oct 17, 2016

8

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

909887927

Oct 17, 2016

9

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

loading

Oct 17, 2016 via Android

10

@909887927 typo ……应该是 name

About · Help · Advertise · Blog · API · FAQ · Privacy · Solana · 4630 Online Highest 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 36ms · UTC 05:50 · PVG 13:50 · LAX 21:50 · JFK 00:50
♥ Do have faith in what you're doing.