当前位置：theitroad>CSS继承

CSS继承

时间：2020-01-09 10:34:08 　来源:igfitidea点击:

HTML元素可以从其父元素继承CSS样式。这称为CSS继承。这是一个CSS继承示例：

<div>
    <p>
        This text inherits the font-size of the parent div element.
    </p>
</div>    
<style>
    div {
        font-family: Aial;
    }
</style>

在这个例子中，" div"元素的" font-family"属性设置为" Arial"。这个CSS属性是由嵌套的p元素继承的，因此它的CSS属性font-family也会被设置为Arial。

HTML元素也可以从更多远程祖先那里继承样式，而不仅仅是从他们的父母那里继承样式。看这个例子：

<body>
    <div>
        <p>
            This text inherits the font-size of the parent div element.
        </p>
    </div>    
    <style>
        body {
            font-family: Aial;
        }
    </style>
</body>

在这个例子中，CSS属性font-family被设置在body元素上。然后，这个CSS属性由div和p元素继承。

并非所有样式都从父元素或者祖先元素继承。通常，适用于文本的样式是继承的，而边框，边距和填充以及类似样式则不是。