2019-12-09

                                                                                                                    ·css的三大特征

Css层叠性,为红色是指多种css样式的叠加

比如先给某个标签制定了内部文本颜色为红色接着又制定颜色为蓝色,则选择下面的蓝色这也叫样式冲突,一般情况下如果出现样式冲突喝会按照css书写的顺序以最后的演示作为标准

·css继承性

所谓继承性是指书写css样式表时,子标签会继承父标签的某种样式如颜色和字号,想要将他应用于字另类而已

并不是并不是所有的css属性都可以继承

·css权重(优先级)

定义css样式时经常出现两个或多个规则应用于同一元素上这是我们就要应用到优先级问题

解决方案:继承样式的权重为0,不管父元素央视的权重有多大,被子元素集成式,都为0,行内样式优先,应用style属性元素,其行内样式的权重非常高,权重相同时根据css书写桂畔来定义 !important权重最高

·css特殊性

关于css权重我们需要一套计算公式来计算,这就是css特殊性(他是一个衡量css优先级的一个保准具体规范如下:)

specificity用一个四位数的数字串(css2是三位数)来表示更像四个级别,数值从坐到右边,左边的最大,一级大于一级水位之间没有进制,级别之间不可超越

继承或者奉献值        0,0,0,0

每个元素(标签)奉献值为     0,0,0,1

每个类的奉献值为   0,0,1,0

每个id的奉献值为   0,1,0,0

每个行内样式奉献值 1,0,0,0

每个!important的奉献值    &无穷大(继承的权重为0)

优先级的总结

1.使用了!important声明的规则

2.内嵌在HTML元素的style属性里面的声明

3.使用了id选择器的规则属性选择器微元素和伪类选择器的规则

4.使用了元素选择器的规则

5.只包含一个铜用 选择器的规则

6.同一类选择遵循就近原则

总结:权重是优先级的算法,层叠式优先级的表现

总体概述:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容