关系选择器

最新推荐文章于 2023-06-27 15:36:23 发布

VIP文章 aqyljie

最新推荐文章于 2023-06-27 15:36:23 发布

阅读量501

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/aqyljie/article/details/114528142

版权

1. 关系选择器：

div>p 选择所有作为div元素的子元素p

div+p 选择紧贴在div元素之后p元素

div~p 选择div元素后面的所有兄弟元素p

    
   

  
    </style>
<!--  div>p 选择所有作为div元素的子元素p
        div+p 选择紧贴在div元素之后p元素
        div~p 选择div元素后面的所有兄弟元素p -->
 <style>
        div>p{
            color:blue;
        }
           div~p{
            color:red;
        }
        div+p{
            color:green;
        }

    </style>
</head>
<body>
    <!--CSS3关系选择器讲解-->
    <div>
        <p>123</p>
        <p>456</p>
        <span>hello</span>
    </div>
    <p>789</p>
    <p>到此结束</p>

</body>

2. 属性选择器：

[attribute]选择具有attribute属性的元素。

最低0.47元/天解锁文章

aqyljie

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
关系选择器

1. 关系选择器：div>p 选择所有作为div元素的子元素pdiv+p 选择紧贴在div元素之后p元素div~p 选择div元素后面的所有兄弟元素p </style> <style> div>p{
复制链接

扫一扫