使用 CSS 嵌套

CSS 嵌套模块允许你将样式表编写得更加易于阅读、更加模块化，并且更易于维护。通过这种方式，你不再需要重复选择器，同时文件也可以被压缩。

CSS 嵌套与 Sass 等 CSS 预处理器的不同之处在于，它是由浏览器直接解析的，而不是经过 CSS 预处理器的预编译。此外，在 CSS 嵌套中，& 嵌套选择器的优先级类似于 :is() 函数；它的优先级由关联选择器列表中优先级最高的选择器决定。

本指南将展示各种嵌套 CSS 的方法。