关于子选择器的问题!

来源: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回答

好帮手慕码

2020-09-28

同学你好,element>element 选择器用于选取带有特定父元素的元素。即“div>p
”是:选取父元素是 <div> 元素的每个 <p> 元素。如下图:

http://img.mukewang.com/climg/5f7175f80926b6dd03890318.jpg

红框选中的p标签都符合要求,因此它的字体颜色设置为红色。

http://img.mukewang.com/climg/5f71763409f50c2301960238.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 15276 问题

查看课程