关系选择器

最新推荐文章于 2025-01-31 11:00:49 发布

原创最新推荐文章于 2025-01-31 11:00:49 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#关系选择器

CSS 专栏收录该内容

68 篇文章

订阅专栏

关系选择器

1.后代选择器：用空格隔开
2.子代选择器：用>号连接
3.兄弟选择器：用+号连接（向下找相邻的第一个兄弟）
4.通用选择符：用~号连接（向下找所有的这类）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p>b{color:#f00;}
			p+span{color:#ff0;}
			p~h1{color:#0ff;}
		</style>
	</head>
	<body>
		<p><b>p下的标签</b>选择器</p>
		<p><em><b>p>em下的b标签</b></em></p>
		<span>选择器</span>
		<h1>选择器</h1>
		<h1>选择器</h1>
		
		<h1>选择器</h1>
		
		<h1>选择器</h1>
		
	</body>
</html>