| 选择器 | 说明 |
|---|---|
| M N | 后代选择器，选择M元素内部后代的N元素（所有N元素） |
| M>N | 子代选择器，选择M元素内部子代的N元素（所有第1级N元素） |
| M~N | 兄弟选择器，选择M元素后所有的统计N元素 |
| M+N | 相邻选择器，选择M元素相邻的下一个N元素（M、N是同级元素） |
一、后代选择器
语法：M N{}
说明：在后代选择器中，M元素与N元素用空格隔开，表示选中M元素内部后代的N元素。
举例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
#first p
{
color: blueviolet;
}
</style>
</head>
<body>
<div id="first">
<p>子元素</p>
<p>子元素</p>
<div id="second">
<p>子元素的子元素</p>
<p>子元素的子元素</p>
</div>
<p>子元素</p>
<p>子元素</p>
</div>
</body>
最低0.47元/天 解锁文章
3766
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
