CSS 嵌套
CSS 嵌套模块定义了嵌套选择器的语法。它提供将一个样式规则嵌套至另一个规则内的能力,其中被嵌套规则的选择器将相对于其父规则的选择器。
CSS 嵌套不同于如 Sass 等的 CSS 预处理器的一点是,它是被浏览器直接解析的,而不是先经由 CSS 预处理器的预编译。
CSS 嵌套帮助增强 CSS 样式表的可读性、模块化程度和可维护性。它也可帮助减小 CSS 文件大小,从而减少用户下载的数据量。
参考
选择器
指南
- 使用 CSS 嵌套
-
解释如何使用 CSS 嵌套。
- CSS at 规则嵌套
-
解释如何嵌套 CSS at 规则。
- CSS 嵌套与优先级
-
解释嵌套 CSS 时出现的优先级差异。
相关概念
规范
Specification |
---|
CSS Nesting Module |