CSS继承与层叠特性详解-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_47124862/article/details/110197292

1、继承性

CSS的继承性，指的是子元素继承父元素的某些样式属性。
需要我们注意的是并不是所有的属性都具有继承性，只有能给我们带来书写便利的属性才可以继承。
在CSS中，具有继承性的由3类。

文本相关属性：font-size（字体大小）、font-family（字体系列）、font-style（字体样式）、font-weight（字体粗细）、font、line-height（行高）、text-align（水平对齐方式）、text-indent（首行缩进）、word-spacing（字间距）。
列表相关属性：list-style-image（使用图像替换列表项标记）、list-style-position（规定列表项标记位置）、list-style-type（设置列表项标记类型）、list-style
颜色相关属性：color
举例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
    #div1
    {
        font-size: 12px;
        color: hotpink;
        font-weight: bold;
        font-style: italic;
        text-align: center;
    }
    </style>
</head>
<body>
    <div id="div1">
        Hello world
        <div id="div2">Hello world</div><!--子元素-->
    </div><!--父元素-->
    
</body>
</html>