css - 选择某个父元素的多个子元素

Question

我只是想知道 CSS 是否可以支持使用更简单的语法定位多个子元素。

例如

我只想更改id为parent的div下h1、h2、h3的css

通常你必须去...

#parent h1, #parent h2, #parent h3 { color:red; }

有没有更简单的方法来做到这一点。像...

#parent {
  h1,h2,h3 { color:red; }

  .my_class { font-size:100%; } 

  #header { width:100%; }
}

在我的第二个假设示例中，仅当元素是#parent 的子元素时才会应用 css。

谢谢

Answer 1

CSS 不支持您想要的。

两者都是Sass和 Less做(偶然，完全按照你写的那样)。

萨斯:

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

减少:

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

这两种产品都非常成熟，几乎共享彼此的所有功能，但它们扩展的内容之间确实存在一些细微差别，这使得它们无法 100% 相互兼容(在生成 CSS 之前)。