欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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 样式;