嵌套css规则

前端之家收集整理的这篇文章主要介绍了嵌套css规则前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
前一段时间,我看到了一个css文件的例子,其中css规则/选择器以嵌套方式指定,例如。像这样:
div.a {
  color: red;
  div.b {
    font-weight: bold;
  }
}

我不知道我在哪里看到(可能在一个SO的问题),或者它是否正好如上所示。

我的问题:上述CSS是否正确/有效?它是一个标准的方式来指定CSS规则或者这是一个浏览器相关的黑客?

解决方法

这不是有效的标准CSS,但它是一个嵌套类声明使用 Sass/SCSSLESS的例子,我相信其他CSS扩展,将其扩展到这样(这是有效的CSS),然后提供给浏览器使用:
div.a {
  color: red;
}

div.a div.b {
  /* Inherits color from div.a */
  font-weight: bold;
}

猜你在找的CSS相关文章