CSS 三大特性

一 CSS 层叠性

  层叠性是指多种CSS样式的叠加。

  这是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠。

  一般情况下,如果出现样式冲突,则会按照CSS书写的顺序,以最后的样式为准。

  1、样式冲突,遵循的原则是就近原则。执行离得近的样式。

  2、样式不冲突,不会层叠。

  CSS最后的执行口诀:长江后浪推前浪,前浪死在沙滩上。

二 CSS继承性

  继承性是指书写CSS样式表时,子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。

  简单的理解就是:子承父业。 

  CSS最后的执行口诀:龙生龙,凤生凤,老鼠生的孩子会打洞。

  但是并不是所有的样式都会继承,子元素可以继承父元素的样式(text-,font-,line-这些元素开头的都可以继承以及color属性,主要是跟文本有关的)

三 CSS优先性

  标签选择器权重:0,0,0,1

  类选择器和伪类选择器权重:0,0,1,0

  id选择器权重:0,1,0,0

  行内样式权重:1,0,0,0

  !important 的权重无限大

  权重相同的情况下,执行就近原则。

  权重会叠加

  

 注意:1、权重不能进位。

    2、*和继承权重为0,只要自己有了属性,不论父亲元素有多大,都不会继承

 

posted @ 2018-08-10 14:59  会开车的好厨师  阅读(87)  评论(0)    收藏  举报