CSS中可继承的属性

html-css047

CSS中可继承的属性,第1张

所有元素可继承 :visibility(可见性)和 cursor (光标属性)

内联元素可继承 :font、font-size、font-family、font-style、font-variant、font-weight、text-decoration、text-align、letter-spacing、word-spacing、white-space、line-height、color、

块级元素可以继承的属性 :text-indent、text-align、

列表元素可继承 :list-style、list-style-type、list-style-position、list-style-image、

三大特性:层叠性、继承性、优先级

相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突问题。

在这里会显示的颜色为pink,字体大小为20px。

子标签会继承父标签的某些样式

在这里p标签会显示红字,20px。

行高的继承

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

p为白色因为继承权重为0,无论父类是什么权重都不继承。

所以如果要给a设置样式就要单独设置一个a的样式。

这里显示的为蓝色,因为权重大。

最终大猪蹄子的颜色为红色,大肘子和猪尾巴为蓝色。