老师这题用元素关系选择器 是不是要先给div添加不同的类名呢 要不然怎么能选中对应的标签

老师这题用元素关系选择器 是不是要先给div添加不同的类名呢 要不然怎么能选中对应的标签

<!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 type="text/css">
        /* >子选择器   +相邻兄弟选择器   ~通用兄弟选择器 */
        div.spec1+p {
            color: red;
        }

        div.spec2+p {
            color: red;
        }
    </style>
</head>

<body>
    <div class="spec1">我是第一个div</div>
    <p>我是第一个p我要变红色</p>
    <p>我是第二个p</p>
    <div class="spec2">我是第二个div</div>
    <p>我是第三个p我要变红色</p>
    <p>我是第四个p</p>
    <p>我是第五个p</p>
</body>

</html>


搜索

复制

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
imooc_慕慕 2022-08-17 13:07:08

同学你好,解答如下:

可以不添加类名,直接使用标签来写,因为要变红的p标签对应的位置,上面一个都是div标签,此时就可以使用元素关系选择器即相邻兄弟选择器,参考如下:

https://img1.sycdn.imooc.com//climg/62fc775d098bcf3403420268.jpg

学习愉快~

  • 提问者 清夏_ #1
    那如果 两个p标签要求不一样的颜色呢 老师
    2022-08-17 13:09:06
  • imooc_慕慕 回复 提问者 清夏_ #2

    同学你好,可以使用序号选择器,举例参考如下:

    https://img1.sycdn.imooc.com//climg/62fc7b3e095fbc3d02360196.jpg

    或者:

    https://img1.sycdn.imooc.com//climg/62fc7bce0981d92903050204.jpg

    祝学习愉快~

    2022-08-17 13:15:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师