标签: CSS变量

`:root`和`html`选择器虽指向同一元素，但浏览器处理逻辑不同，`:root`具文档类型自适应性和更高特异性，更适合定义全局CSS变量，配合媒体查询可实现动态响应式。工程实践中应优先使用`:root`，并关注CSS层叠层规范对优先级的影响。

`:root`与`html`选择器在CSS中作用范围相似，都指向HTML根元素。关键区别在于优先级：`:root`作为伪类，优先级高于`html`。若两者定义相同属性，`:root`声明会覆盖`html`声明。通常用于定义全局CSS变量，确保文档范围内可访问。

本文总结了CSS的多个细节知识点。包括：`white-space`换行控制，`break-word`和`overflow-wrap`，`font-variant-numeric`控制数字等宽，`mix-blend-mode`混合模式，BFC（块级格式化上下文）的触发条件及作用，以及`@layer`规则，`:first-child`和`:first-of-type`的区别，和tailwindcss兼容性问题。