此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

CSS 嵌套

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

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

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

参考

>

选择器

指南

使用 CSS 嵌套

解释如何使用 CSS 嵌套。

CSS at 规则嵌套

解释如何嵌套 CSS at 规则。

CSS 嵌套与优先级

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

相关概念

规范

Specification
CSS Nesting Module>

参见