css选择器优先级

css选择器优先级

不同级别:

1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2.作为style属性写在元素内的样式
3.id选择器
4.类选择器
5.标签选择器
6.通配符选择器
7.浏览器自定义或继承

同一级别:

同一级别中后写的会覆盖先写的样式

 

总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

 

posted @ 2022-04-27 10:57  时光独醒  阅读(0)  评论(0编辑  收藏  举报