[2021-3-30] CSS优先级有哪些注意事项？

[HJY-xh]

• 每个选择器都有权值，权值越大越优先
• 继承的样式优先级低于自身指定样式
• ！important优先级最高 js也无法修改
• 权值相同时，靠近元素的样式优先级高 顺序为内联样式表（标签内部）> 内部样式表（当前文件中）> 外部样式表（外部文件中）

[HJY-xh]

!important > inline > id > class > tag > * > inherit > default

!important：大于其他 行内：1000 id选择器：100 类，伪类和属性选择器，如.content：10 类型选择器和伪元素选择器：1 通配符、子选择器、相邻选择器：0

同级别的后写的优先级高。 相同class样式，css中后写的优先级高，和html中的class名字前后无关