首页 > 其他分享 >样式优先级的规则:!important`>行内样式>嵌入样式>外链样式>id选择器>类选择器>标签选择器>复合选择器>通配符>继承样式

样式优先级的规则:!important`>行内样式>嵌入样式>外链样式>id选择器>类选择器>标签选择器>复合选择器>通配符>继承样式

时间:2022-09-05 13:00:15浏览次数:86  
标签:嵌入 优先级 样式 id important 选择器 外链

CSS样式的优先级应该分成四大类

第一类`!important`,无论引入方式是什么,选择器是什么,它的优先级都是最高的。

第二类引入方式,行内样式的优先级要高于嵌入和外链,嵌入和外链如果使用的选择器相同就看他们在页面中插入的顺序,在后面插入的会覆盖前面的。

第三类选择器,选择器优先级:id选择器>(类选择器 | 伪类选择器 | 属性选择器 )> (后代选择器 | 伪元素选择器 )> (子选择器 | 相邻选择器) > 通配符选择器 。

第四类继承样式,是所有样式中优先级比较低的。

第五类浏览器默认样式优先级最低。

标签:嵌入,优先级,样式,id,important,选择器,外链
From: https://www.cnblogs.com/yueyiviolet/p/16657729.html

相关文章