css中继承性的运行结果（css中继承性的运行结果是什么）

CSS中的继承性是指子元素可以继承父元素的某些样式属性值。这样可以大大减少CSS代码的编写量，同时也方便了我们对网页的整体风格进行调整。

比如说，我们在父元素中设置了字体的样式：

.parent {
    font-family: Arial;
    font-size: 16px;
}

那么在子元素中，我们无需再次编写这些样式，而是直接继承父元素的属性值：

.child {
    color: red;
 /*自身的样式*/}
    

这样，在网页中，子元素的文本就会继承父元素的字体属性值：

这是一个子元素

同时， CSS中的继承性其实有很多的例子，比如说文本的样式（font， color）和链接的样式（text-decoration）等，都可以直接在父元素中定义，然后被子元素继承。

但是，继承性并不是所有的样式属性都具备的，有些样式属性是不支持继承的。比如说，display、padding、margin、border等都不具备继承性，所以子元素要想使用这些样式属性，必须要自己单独定义。

总之，正确使用CSS中的继承性能够让我们的代码更加简洁，同时也能够避免代码冗余，提高网页加载的速度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！