<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css继承和层叠</title>
<style type="text/css">
/* p{color: red;} */
div{font-size: 60px;}
</style>
</head>
<body>
<div >
<p>css<b>继承</b></p> <!-- span也显红色,虽然没有定义颜色,但是继承了父标签的颜色 -->
<div >css层叠</div>
</div>
<p>css继承和层叠</p> <!-- 文字大小不变,因为不是div的子标签 -->
</body>
</html>
<!-- 笔记:
继承的好处:父元素设置样式,子元素可以继承部分属性,减少css代码 -->
<!-- 不是所有的属性都能继承 -->
<!-- 可以定义多个样式
不冲突时,多个样式可层叠为一个
冲突时,按不同样式规则优先级来应用样式 -->