可以这样批量写样式控制吗？ .className h1 h2 h3 { color: #ff0000; }

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

这是一个创建于 2324 天前的主题，其中的信息可能已经有所发展或是发生改变。

昨天发现一个问题，然后没搞定，后来发现是我写的样式控制有问题。为了省事，我想把 h1~h3 在某个 className 中变红色 #ff0000，用了如下写法：

 .className h1 h2 h3 { color: #ff0000; }

结果，发现其实只有 h1 变红了，h2 h3 反而覆盖了全局默认样式，囧。

5 条回复 • 2017-12-08 18:08:33 +08:00

SourceMan

2017-12-08 17:27:00 +08:00

.className h1,
.className h2,
.className h3 {
color: #ff0000;
}

less/postcss/...
.className {
.h1,
.h2,
.h3 {
color: #ff0000;
}
}

IamJ

2017-12-08 17:46:55 +08:00 via iPhone

这种基本的语法问题，先自己看看 CSS 基础吧

lhx2008

2017-12-08 17:52:21 +08:00 via Android

多个元素用逗号，空格是子孙选择

sudoer

2017-12-08 18:05:48 +08:00 via Android

你需要 sass 或者 less 你就要看看文档去

shiny

2017-12-08 18:08:33 +08:00

还是先看看书再来发帖吧