CSS 继承

什么是CSS继承特性

1. 说明
2. 实例
3. 好处
4. 常见继承CSS属性

1、说明解释 - TOP

这里DIV CSS 继承是指我们设置上级(父级)的CSS样式，上级（父级）及以下的子级（下级）都具有此属性。
一般只有文字文本具有继承特性，如文字大小、文字加粗、文字颜色、字体等。

2、实例： - TOP

CSS继承特性-www.divcss5.com
.yangshi{
    width:400px;
    color:#F00;
}
.ziji{
    float:left;
    width:300px;
}
我是子级，我上级是yangshi

说明：我设置上级(父级：yangshi)的文字颜色为红色，而子级(ziji)未设置文字颜色，但是文字具有继承特性，所以子级文字内容依然是红色。

假如设置父级文字样式后，其多个子级中，可能有些子级颜色不想与父级相同，这个时候只需对对应子级设置需要颜色即可。
演示如下：

DIVCSS继承特性-www.divcss5.com
.yangshi{
    width:400px;
    color:#F00;
}
.ziji{
    width:300px;
}
.ziji2{
    width:300px;
    color:#000;
}
    
我是子级，我上级是yangshi
我是子级2，我设置文字颜色为黑色

说明：yangshi下有ziji与ziji2两个子级，其中ziji继承了父级(上级的红色样式)，而ziji2我们需要的是黑色，所以单独对ziji2设置文字为黑色的样式。

3、继承好处 - TOP

可以只设置上级的CSS样式表属性，子级（下级）不用设置，都有此CSS属性，可以减少CSS代码，便于维护。

4、常见继承CSS属性 - TOP

1、字体：font-family
2、文字大小：css font-size
3、文本粗细：font-weight
4、文字颜色：css color
通常只有文字CSS font具有继承特性，所以大家好好利用与认识。

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