css样式的优先顺序
程序员文章站
2023-08-26 00:02:09
一、css样式的权重:!important(1000+) > 内联样式( 1000 ) > ID选择器(100 ) > 类选择器(10) > 标签选择器( 1 ) > 默认样式( 0 ) 二、常用的样式顺序: 内联样式表 > ID 选择器 > Class 类选择器 > HTML 标签选择器 三、说明 ......
一、css样式的权重:!important(1000+) > 内联样式( 1000 ) > id选择器(100 ) > 类选择器(10) > 标签选择器( 1 ) > 默认样式( 0 )
二、常用的样式顺序: 内联样式表 > id 选择器 > class 类选择器 > html 标签选择器
三、说明:
1. 选择器的权值越大越优先,“!important”的优先级最大;
2. 当权值相等时,后设置的样式会覆盖先设置的样式;
3. 自定义的css 样式的优先权高于浏览器设置的样式;
4. 后指定的css 样式优先于继承的css 样式;