特点1:外层元素身上的样式会被内层元素继承
特点2:当内层元素身上的样式与外层元素身上的样式相同时,内层元素会覆盖外层元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body{color: red;}
</style>
</head>
<body>
<div>
<h2>三个方面，健全乡村振兴推进体制机制</h2>
<p>全面推进乡村振兴是一项长期任务、系统工程，需要进一步完善政策体系、工作体系、制度体系，以更有力的举措、汇聚更强大的力量来推进。苗画是反映苗族群众生活方式和民俗文化的一种艺术形式。近年来，贵州省黔南布依族苗族自治州龙里县大力发展苗画产业，鼓励苗族群众利用苗画闯市场，传承民族特色文化，推动乡村振兴。图为2022年3月19日，龙里县洗马镇平坡村村民在进行苗画创作。</p>
</div>
</body>
</html>
问：是不是所有的样式都能够被继承呢？
<style type="text/css">
div{
color:#00f;
/*给div标签设置一个边框;div标签相对于h2标签和p标签来说它是一个外层元素;现在给外层元素设置了一个边框的样式这个边框会不会被继承呢？如果会，那么h2和p标签都会有一个边框*/
border:1px solid #ccc;
}
</style>
答：并不是所有的样式都能够被继承。只有文本与字体样式属性能够被继承。其它的样式属性都不可以被继承。
注意：在实际工作中，我们往往会给body标签设置字体大小以及字体颜色。因为body标签是最外层的元素，内层的元素会继承外层的元素的样式。