CSS 嵌套

CSS 嵌套模块定义了嵌套选择器的语法。它提供将一个样式规则嵌套至另一个规则内的能力,其中被嵌套规则的选择器将相对于其父规则的选择器。

CSS 嵌套不同于如 Sass 等的 CSS 预处理器的一点是,它是被浏览器直接解析的,而不是先经由 CSS 预处理器的预编译。

CSS 嵌套帮助增强 CSS 样式表的可读性、模块化程度和可维护性。它也可帮助减小 CSS 文件大小,从而减少用户下载的数据量。

参考

选择器

指南

使用 CSS 嵌套

解释如何使用 CSS 嵌套。

CSS at 规则嵌套

解释如何嵌套 CSS at 规则。

CSS 嵌套与优先级

解释嵌套 CSS 时出现的优先级差异。

相关概念

规范

Specification
CSS Nesting Module

参见