目录
一、原理
1、子元素继承父辈元素的样式
2、继承发生在祖先后代之间
3、继承对于复杂布局和背景样式不生效
二、代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>继承</title>
<style>
p{
color: red;
}
span{
background-color: skyblue;
}
/* 并非所有样式都能被继承,页面布局,背景颜色等不会被继承 */
</style>
</head>
<body>
<p>我是p元素<span>我是p元素中的span元素</span></p>
</body>
</html>