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

V2EX = way to explore

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

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3062 days ago, the information mentioned may be changed or developed.

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

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

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

5 replies • 2017-12-08 18:08:33 +08:00

SourceMan

Dec 8, 2017

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

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

IamJ

Dec 8, 2017 via iPhone

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

lhx2008

Dec 8, 2017 via Android

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

sudoer

Dec 8, 2017 via Android

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

shiny

PRO

Dec 8, 2017

还是先看看书再来发帖吧