CSS选择器优先级

表格1.1CSS选择器优先级

序号 选择器
1 !important
2 行内样式
3 ID选择器
4 类选择器
5 标签
6 通配符
7 浏览器默认属性

 

以数字形式展现css选择器优先级:

1.!important

2.行内样式

3.ID 选择器, 如 #id{}

4.类选择器, 如 .class{}

4.属性选择器, 如 a[href=”www.baidu.com”]{}

4.伪类选择器, 如 :hover{} 5.伪元素选择器, 如 ::before{}

5.标签选择器, 如 span{}

6.通配选择器, 如 *{}

7.浏览器默认属性

通常来说,优先级关系:!important>内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器

人已赞赏
CSS笔记

CSS其他选择器

2020-2-4 13:34:56

CSS笔记

DIV设置

2020-2-4 15:54:33

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索