这篇文章将为大家详细讲解有关css后代选择器怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
css后代选择器
说明：
后代选择器又称为包含选择器
作用：
用来选择元素或者元素组的子孙后代
写法：
把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写爷爷父亲在再写儿子孙子
语法：
.class h4{color:red;font-size:16px; } 注意：
当标签发生嵌套时，内层标签就成为外层标签的后代。
子孙后代都可以这么选择，或者说它能选择任何包含在内的标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>后代选择器</title>
<style>
div p {
color: green;
font-size: 19px;
}
</style>
</head>
<body>
<h4>纳兰公子</h4>
<div class="nav">
<p>谢家庭院残更立，燕宿雕梁。</p>
<p>月度银墙，不辨花丛那辨香。</p>
<p>此情已自成追忆，零落鸳鸯。</p>
<p>雨歇微凉，十一年前梦一场。</p>
</div>
<p>落花如梦凄迷，麝烟微，</p>
<p>又是夕阳潜下小楼西。</p>
<p>愁无限，消瘦尽，有谁知？</p>
<p>闲教玉笼鹦鹉念郎诗。</p>
</body>
</html>关于“css后代选择器怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。