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

2017-12-08 17:24:40 +08:00
 miniyao

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

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

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

2920 次点击
所在节点    CSS
5 条回复
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
这种基本的语法问题，先自己看看 CSS 基础吧
lhx2008
2017-12-08 17:52:21 +08:00
多个元素用逗号，空格是子孙选择
sudoer
2017-12-08 18:05:48 +08:00
你需要 sass 或者 less 你就要看看文档去
shiny
2017-12-08 18:08:33 +08:00
还是先看看书再来发帖吧

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

https://tanronggui.xyz/t/413170

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

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

© 2021 V2EX