by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11144 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、居然还有个CSS嵌套 年前有介绍CSS @scope规则，可以实现CSS的选择器内外嵌套，简化选择器的书写： @scope(nav) { ul { list-style: none; padding: 0;margin: 0; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; background: skyblue; } } 最近发现，几乎同一时间，现代浏览器还支持了专门用来嵌套书写的CSS Nesting语法，借鉴自Sass/Less/Stylus等预编译语言。 使用示意： nav { ul { list-style: none; padding: 0; margin: 0; } li { display: inline-block; } a { display: block; padding: 6px 12px; text-decoration: none; background: skyblue; } } 可以看到和@scope(nav)的语法极为相似，所实现的效果也是一样的，假设有如下所示的HTML代码： <nav> <ul> <li><a href="">链接1</a></li> <li><a href="">链接2</a...