样式控制时，利用标签下包含子标签的方式，会导致只要父标签下的能找到的子标签的话，样式都会生效，可能是孙子或者重孙级别，怎样只控制只是儿子级别的样式控制呢？也就是只是举例父标签最近的子标签实现样式控制？这时候就需要子选择器，标签之间用 > 分割
举例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div>a{
color: red;
}
</style>
</head>
<body>
<div>
<a>我是親兒子元素</a>
<p>
<a>我是孫子元素</a>
</p>
</div>
</body>
</html>
效果如下图：
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
