
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS三大特性之层叠性</title>
    <style>
        div {
            color: red;
            font-size: 20px;
        }
        div {
            color: pink;
        }
    </style>
</head>
<body>
<div>长江后浪推前浪，前浪死在沙滩上</div>
</body>
</html>

此时的运行结果为粉色字体，从而印证了层叠性遵循的就近原则。

继承性

CSS中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。灵活运用CSS继承性可以简化代码，降低代码的复杂程度。

子元素可以继承父元素的样式


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS三大特性之继承</title>
    <style>
        div{
            color: pink;
            font-size: 18px;
        }
    </style>
</head>
<body>
<div>
    <p>
        龙生龙，凤生凤，老鼠生的孩子会打洞
    </p>
</div>
</body>
&l

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/木道寻08/article/detail/828506