麻烦老师解答 谢谢
来源：3-1 元素关系选择器
夜的解忧铺
2021-06-14 19:43:33
1 为什么第一个div定义了class属性 还可以被选中实现效果
2 如果要单独实现中间两个段落的样式改变，是不是可以写成 .box>div>p{}
<!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>
.box>div{
color: red;
}
div>p{
font-size: 60px;
}
</style>
</head>
<body>
<div class="box">
<p>我是段落</p>
<p>我是段落</p>
<div>
<p>我是段落</p>
<p>我是段落</p>
</div>
</div>
<p>我是段落</p>
<p>我是段落</p>
</body>
</html>
1回答
-
好帮手慕言
2021-06-15
同学你好，解答如下：
1、指的是下方代码吗？
如果是的话，解答如下：通过定义的class可以选择到div，通过标签也是可以选择到div的，也就是说如下两种写法都是可以选择到的
div>p可以选择到父元素是 <div> 的所有 <p> 元素。
如果不是上述疑问，可以详细描述下，老师再帮助解答。
2、是的，可以使用.box>div>p来给中间两个段落设置样式。
祝学习愉快~
0
相似问题