css后代选择器怎么用

发布时间：2022-02-22 13:51:13 作者：小新
来源：亿速云阅读：125

这篇文章将为大家详细讲解有关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后代选择器怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

css后代选择器怎么用

说明：

作用：

写法：

语法：

注意：

相关阅读

　　说明：

　　作用：

　　写法：

　　语法：

　　注意：