关于子选择器的问题!
来源:3-1 元素关系选择器
浚棋~
2020-09-28 11:58:40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>元素关系选择器</title>
<style>
div>p {
color:red;
}
</style>
</head>
<body>
<div class="box">
<p>我是段落</p>
<p>我是段落</p>
<div>
<div>
<p>我是段落</p>
<p>我是段落</p>
</div>
</div>
</div>
<p>我是段落</p>
<p>我是段落</p>
</body>
</html>
<!-- 老师我用WS编辑器,隔了这么几代了,但是还是会被选择 -->
1回答
同学你好,element>element 选择器用于选取带有特定父元素的元素。即“div>p
”是:选取父元素是 <div> 元素的每个 <p> 元素。如下图:
红框选中的p标签都符合要求,因此它的字体颜色设置为红色。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题