前端之家收集整理的这篇文章主要介绍了
嵌套css规则,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
前一段时间,我看到了一个css
文件的例子,其中css规则/选择器以嵌套方式指定,例如。像这样:
div.a {
color: red;
div.b {
font-weight: bold;
}
}
我不知道我在哪里看到(可能在一个SO的问题),或者它是否正好如上所示。
我的问题:上述CSS是否正确/有效?它是一个标准的方式来指定CSS规则或者这是一个浏览器相关的黑客?
这不是有效的标准CSS,但它是一个嵌套类声明使用
Sass/SCSS或
LESS的例子,我相信其他CSS扩展,将其扩展到这样(这是有效的CSS),然后提供给浏览器使用:
div.a {
color: red;
}
div.a div.b {
/* Inherits color from div.a */
font-weight: bold;
}
原文链接:https://www.f2er.com/css/221023.html