css 能实现 #id (h1,h2){...} 这种功能吗

[zxCoder]

就是某一个选择器下的一些标签

刚才调了好久的 bug 才发现是这个问题

比如

#a h2,h3{
  color:red;
}

其实变成了#a h2 和 h3

[crab]

子选择器？

[geelaw]

CSS 4 开始可以用 :is，见 https://www.w3.org/TR/selectors-4/#matches

CSS 4 之前只能手工展开，写成 #a h2, #a h3

[Cbdy]

1. 一个页面的 ID 不能重复
2. 你想要的选择器是这样的：h2#a {}
3. 找本书系统学习一下吧

[zxCoder]

@geelaw 懂了 谢谢

[zxCoder]

@Cbdy
1 我的 id 没有重复
2 我想要的选择器是#a h2, #a h3
3 新手教程里基本上都是单独讲几种选择器，暂时没找到结合的复杂例子，所以才来问

[Cbdy]

我错了，2 楼是对的

[iBugOne]

请用 Sass/SCSS 或者 Less

[94]

为啥不用预编译？ less,scss,stylus 都支持：
less 和 scss 是一样的，需要花括号括起来，然后写入子选择器
```scss
#a {
h1,h2{
// style
}
}
```
stylus 稍微不一样点，没有花括号冒号和分号
```stylus
#a
h1,h2
// style
```

最后编译成 CSS 就行，启动 `watch` 可以自动编译

```css
#a h1 { // style }
#a h2 { // style }
```

[94]

淦，忘记了回复是没有 md 格式的，缩进都没了😂，自己看下 scss 的文档就行。

[zxCoder]

@dfkjgklfdjg

初学者 这几个东西还得后面慢慢学。。。。

[94]

@zxCoder 就是 CSS 的扩展，你会写 CSS 就行，什么循环语句、条件语句、变量什么的都不需要学，等你需要的时候再看就可以了。
编译也就一句命令行，就是需要学一下安装 node 和使用 npm 安装依赖。

build 手动编译 => "stylus ./css/stylus --out ./css"
watch 文件改变自动编译 => stylus -w ./css/stylus --out ./css"

"./css/stylus" 就是源目录， "./css" 就是编译之后的输出目录

[zxCoder]

@dfkjgklfdjg 多谢 我看看去

[94]

@zxCoder 预编译 15 分钟搞定，就是 node 和 npm 如果没有提前储备的话，准备时间会比较长，大概半天。