每个选择器都有权值,权值越大越优先
- !important 优先级最高 js 也无法修改
- 权值相同时,靠近元素的样式优先级高 顺序为内联样式表(标签内部)> 内部样式
- 表(当前文件中)> 外部样式表(外部文件中)
- 继承的样式优先级低于自身指定样式
CSS 优先规则:优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器
每个选择器都有权值,权值越大越优先
CSS 优先规则:优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器