ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS学习(三)特指度和层叠

2021-11-06 23:33:41  阅读:139  来源: 互联网

标签:层叠 继承 特指 度加 样式 选择符 样式表 CSS


一、特指度

特制度的一般形式是0,0,0,0

  • 行内样式,第一位的特指度加一
  • id选择符,第二位的特指度加一
  • 类选择符、属性选择符、伪类,第三位的特指度加一
  • 元素选择符、伪元素,第四位的特指度加一

特指度是从左向右比较的,特指度高的声明胜出。

重要声明:在声明末尾的分号之前插入 !important( 重要声明和非重要声明冲突时,始终胜出 )

二、继承

继承指的是,某些样式不仅应用到所指的元素上,还应用到元素的后代上( 最典型的就是font-family )

下面是继承的两个注意点:

  1. 继承的值没有特指度,连0都没有,通用选择符( * )的特指度都比他大。所以最好不要在通用选择符里面设置可能继承的值( 除非你雀食要这么做 ),以免出现零特指度战胜无特指度的情况,导致终结继承。
  2. 继承的值没有特指度,但是有的时候样式无法继承,可能是因为浏览器的内部样式表里面有设置该样式( 浏览器设置的样式就有了特指度,导致无法继承 )

三、层叠

层叠规则先后顺序如下

  1. 按显示权重( !important )和来源排序( 创作人员样式表覆盖用户代理样式表 )
  2. 按特指度排序,特指度高的规则胜出
  3. 按前后位置排序,越靠后的规则胜出(由此可得链接样式的推荐样式:LVFHA)

标签:层叠,继承,特指,度加,样式,选择符,样式表,CSS
来源: https://www.cnblogs.com/xddisme/p/15518746.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有