CSS @scope 他来了
AI 摘要： 这篇文章介绍了新的 CSS 特性
@scope 规则。 @scope 规则可以实现 CSS 选择器的嵌套书写，简化代码编写过程，使得代码更加直观易懂。例如，只有在特定的 nav 标签内的元素才会应用特定的样式，规则内的选择器优先级也会被计算在内。此外，使用 "to" 语法可以排除特定元素，使其不被选择器匹配。然而，虽然 @scope 简化了书写，它并非实现了 CSS 的作用域功能，即不能保证内部的 CSS 选择器不会影响外部的 CSS。因此，例如 Vue 和 React 这样的框架通过为类名增加随机后缀来实现局部 CSS 功能的方法在 @scope 普及后仍有应用场景，尽管其市场可能不再像现在这么大。「随着Safari TP版本已经支持CSS @scope规则，这个新特性在不久的将来在Web中大放异彩已是必然。」
Can I use @scope
via zhangxinxu
