3-结构和层叠

1-特殊性
//每个内联样式的声明的特殊性值都是1,0,0,0
//选择器中每个ID属性值,加0,1,0,0
//选择器中每个类属性值、伪类、属性选择,加0,0,1,0
//选择器中每个元素、伪元素,加0,0,0,1
//通配选择器、结合符对特殊性没有贡献,加0,0,0,0
PS:
(1)-当不同选择器匹配同意元素时,如果声明没有冲突,所有声明都会被应用;如果声明有冲突,就应用特殊性最高的那个选择器的声明。
(2)-!important:标记重要声明的标志,加于声明之后和分号之前。
(a)-应用样式时,重要声明比内联样式还优先被应用。
(b)-声明有冲突时,重要声明优先胜出;若两条重要声明冲突,则再考虑特殊性。

2-继承
PS:
(1)-概念:样式不仅应用到指定元素,还会应用到其后代元素。继承的样式没有特殊性,0的特殊性比无特殊性更强。
(2)-注意:
(a)-框模型属性不能继承,如外边距、边框、内边距、宽高、背景
(b)-由于链接有预设的样式存在,如a:link{color:blue;},无法继承该样式,必须直接指定。
(c)-当浏览器原因无法继承时,应合理的直接指定样式。


3-层叠
PS:
(1)-说明
(a)-权重:有!important的声明优先胜出。
(b)-特殊性:有内联样式的优先胜出,再考虑内(外)部样式表的样式的特殊性值
(c)-出现顺序:越后面权重越大。//内部样式表和外部样式表不存在优先的问题,只看他们在文档的出现顺序来决定优先。
(2)-优先次序:先考虑权重→特殊性→出现顺序

 

posted @ 2020-05-11 12:46  小白啊啊啊啊啊  阅读(56)  评论(0)    收藏  举报