https://zhuanlan.zhihu.com/p/125536847 内容是抄的这篇
选择器的种类
- !important
- 内联样式
- ID选择器
- class选择器
- 元素选择器
- 通配符选择器
权值权级
创造权值的概念来理解权重
选择器的权重
选择器的权重可以相加
权值相同时
后面的选择器会覆盖前面的选择器相同的属性
权值不同时
权重高的选择器生效
权值跃迁
Q:当有11个元素选择器和1个类选择器同时选中同一元素时,哪个选择器的样式会生效
A:权级高的选择器的样式会生效
理解方式1
因为权值不能跃迁,也就意味着无论有多少个0级的选择器,生效的仍然是1级选择器,因 为选择器的权级无法跃迁。
理解方式2
CSS里面的进制并不是10进制,而是256进制,所以10个低级选择器并不能等于1个高级选择器
其他选择器
- 伪类选择器
- 属性选择器
伪类选择器和属性选择器的权重相当于类选择器的权重,权级为2级。 - 伪元素选择器
伪元素选择器的权重相当于元素选择器的权重,权级为1级。 - 子代选择器
- 后代选择器
子代和后代有可能是元素选择器、类选择器、id选择器,因此要根据具体情况来具体分析。
标签:权重,元素,权级,生效,权值,选择器,CSS 来源: https://www.cnblogs.com/fangpiandang/p/15314009.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。