Css

优先级问题

继承优先级最低，层级越深优先级越高

优先级顺序如下，从高到低：

• Transition 过渡声明
• 设置了 !important 的浏览器内置样式
• 设置了 !important 的用户设置样式
• @layer 规则中的 !important 样式
• 开发者设置的 !important 的 样式
• animation 动画
• 开发设置的 css
• @layer 规则样式
• 用户设置的样式

级联每层级中的优先级：内联 > ID > 类、伪类、属性选择器 > 标签 > 通配符 、功能伪类(不带参数，where 除外)