您的位置：首页 > Web前端 > CSS

CSS Inheritance

2015-06-09 13:50 447 查看

HTML elements can inherit CSS styles from their parent elements. This is called CSS inheritance. Here is a CSS inheritance example:

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

In this example the

div

element has the

font-family

property set to

Arial

. This CSS property is inherited by the nested

element, so it will also have its CSS property

font-family

set to

Arial

.

HTML elements can inherit styles from more remote ancestors too, and not just from their parents. Look at this example:

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

In this example the CSS property

font-family

is set on the

body

element. This CSS property is then inherited by the

div

and

elements.

Not all styles are inherited from a parent or ancestor element. Generally, styles that apply to text are inherited, whereas borders, margins and paddings and similar styles are not.

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航