概述`@scope` 为一组样式定义作用域根与选择器范围,允许在不使用 Shadow DOM 的情况下实现样式隔离与更清晰的层级管理。语法(已验证)@scope (.card) { h2 { margin: 0 } .btn { color: var(--accent) } } 作用域根可以是选择器或 `:scope`;内部选择器相对作用域根解析(来源)实践建议与 `@layer`、容器查询配合;避免跨作用域覆盖导致的不可预期行为
微信公众账号
微信扫一扫加关注
发表评论 取消回复