ICode9

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

CSS三大特性/层叠性/继承性/优先级(权重)

2021-11-29 17:02:15  阅读:183  来源: 互联网

标签:层叠 12px 权重 样式 CSS 优先级 选择器 三大


CSS三大特性
层叠性,继承性,优先级

层叠性
层叠性主要用来解决样式冲突问题
层叠性原则:
1.样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式(覆盖)
2.样式不冲突,不会层叠

继承性
子标签会继承父标签的某些样式,如文本颜色和色号(主要是继承文字方面的样式)
行高的继承:
 

body{
font:12px/1.5 Microsoft YaHei;
}

此处 12px/1.5 即 body内所有子元素的行高为当前文字大小12px的1.5倍
此种方法优势:里面的子元素可以根据自己文字大小自动调整行高

优先级
当一个元素指定多个选择器,就会有优先级产生

选择器相同,则执行层叠性(就近原则)
选择器不同,则根据选择器权重执行(权重有四组数据)
!important>行内样式 > ID 选择器 > 类选择器 = 伪类选择器 >元素选择器>继承=通配符 *
color: pink; !important (优先级最高)
(如果是复合选择器,则会有权重叠加,需要计算权重)
权重会叠加,但不会有进位
 

标签:层叠,12px,权重,样式,CSS,优先级,选择器,三大
来源: https://blog.csdn.net/httpkaidi/article/details/121607037

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

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

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

ICode9版权所有