CSS中“继承性”是什么意思?

html-css013

CSS中“继承性”是什么意思?,第1张

继承,字面的意思就是继承上级的属性。比方说\x0d\x0a\x0d\x0a

\x0d\x0a\x0d\x0a这里我设定.no1{text-align:center},那么它下面的

标签也就继承了文字居中这个属性了。一般很少会再去定义p{text-align:inherit}因为它默认就是会继承上级属性的。除非有些特殊的标签自带了某些属性,才会有可能用到inherit来继承上级属性。

css三大特性为层叠性、继承性、优先级。

1、层叠性:就近原则一为同类种选择器,第二个选择器相同样式会覆盖第一个选择器。二为在同一个选择器中,相同的属性,以最后一个为准。

2、继承性:所谓继承性是指书写CSS样式表时,子标签会继承父标签的某些样式。

3、优先级:一为在同一个元素中!important大于style大于ID选择器大于类名选择器大于标签选择器大于通配符选择器。二为本身选择器的样式大于继承过来的样式。

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

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

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

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

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

行高的继承

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

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

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

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

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