V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
miniyao
V2EX  ›  CSS

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

  •  
  •   miniyao · 2017-12-08 17:24:40 +08:00 · 2855 次点击
    这是一个创建于 2569 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    5 条回复    2017-12-08 18:08:33 +08:00
    SourceMan
        1
    SourceMan  
       2017-12-08 17:27:00 +08:00   ❤️ 1
    .className h1,
    .className h2,
    .className h3 {
    color: #ff0000;
    }

    less/postcss/...
    .className {
    .h1,
    .h2,
    .h3 {
    color: #ff0000;
    }
    }
    IamJ
        2
    IamJ  
       2017-12-08 17:46:55 +08:00 via iPhone
    这种基本的语法问题,先自己看看 CSS 基础吧
    lhx2008
        3
    lhx2008  
       2017-12-08 17:52:21 +08:00 via Android   ❤️ 1
    多个元素用逗号,空格是子孙选择
    sudoer
        4
    sudoer  
       2017-12-08 18:05:48 +08:00 via Android
    你需要 sass 或者 less 你就要看看文档去
    shiny
        5
    shiny  
       2017-12-08 18:08:33 +08:00
    还是先看看书再来发帖吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3512 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 10:25 · PVG 18:25 · LAX 02:25 · JFK 05:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.