选择器特殊性排名

forsigner 发布于2019-08-30 11:22 / 1365人阅读

摘要：按照特殊性优先级排名从左到右第一个如果这个选择器包含例如第二个如果这个选择器包含类或伪类例如第三个如果这个选择器包含元素名例如用法将他们读作真正的数进行对比即可例如

按照特殊性优先级排名 000

从左到右

第一个0：

如果这个选择器包含id+1

例如：
#choice {
color:red;
}

第二个0：

如果这个选择器包含类或伪类+1

例如：
.choice {
color:black;
}

第三个0：

如果这个选择器包含元素名+1

例如：
h1{
color:blue;
}

用法

将他们读作真正的数进行对比即可

例如：
100 > 010 > 001;

GPU云服务器云服务器选择器派生选择器省市选择器属性选择器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114947.html

CSS选择器、层叠、继承的那些事

摘要：选择器的作用就是将相应的元素选择出来，并为他们应用样式。给别名为孩子穿上黑色西装选择器用来寻找特定的元素。效果图这里需要注意的就是是完全匹配的，所以即使李老二的属性有，但没有成为金色背景的缘故。题外话最近看了《精通CSS，高级web标准解决方案》这本书。所以接下来的几篇文章结合自己的理解，参照本书做一下总结。好，废话不多说，开始进入正题。 CSS的前世今生在很久很久以前，早期的...

yanbingyun1990 2019-08-01 18:13 评论0 收藏0
CSS选择器、层叠、继承的那些事

摘要：选择器的作用就是将相应的元素选择出来，并为他们应用样式。给别名为孩子穿上黑色西装选择器用来寻找特定的元素。效果图这里需要注意的就是是完全匹配的，所以即使李老二的属性有，但没有成为金色背景的缘故。题外话最近看了《精通CSS，高级web标准解决方案》这本书。所以接下来的几篇文章结合自己的理解，参照本书做一下总结。好，废话不多说，开始进入正题。 CSS的前世今生在很久很久以前，早期的...

xfee 2019-08-29 14:02 评论0 收藏0
前端面试宝典

摘要：优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合，是结构化数据的开放标准。一、HTML和CSS 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核...

ChanceWong 2019-08-29 12:31 评论0 收藏0
前端面试宝典

摘要：优雅降级观点优雅降级观点认为应该针对那些最高级最完善的浏览器来设计网站。面试官希望听到是。在前端构建中应该考虑微格式吗微格式是一种让机器可读的语义化词汇的集合，是结构化数据的开放标准。一、HTML和CSS 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核...

paulli3 2019-08-22 11:03 评论0 收藏0