css中~的含义

最新推荐文章于 2024-01-24 12:00:00 发布

若晨工作室

最新推荐文章于 2024-01-24 12:00:00 发布

阅读量494

点赞数 2

分类专栏： css 文章标签： ~ css 选择器

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/wojiaomaxiaoqi/article/details/90602461

版权

css 专栏收录该内容

12 篇文章

订阅专栏

博客以代码示例介绍了CSS选择器中div ~ p的含义，即当div和p标签有同一个父元素时，该选择器代表div之后出现的所有p标签，且p不需要直接紧随div。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

举例：

<div></div>

<p></p>

<span></span>

<p></p>

div ~ p{}

含义：代表在div和p标签有同一个父元素的前提下 div之后出现的所有p标签。

注：两种元素必须拥有相同的父元素，但是 p 不需要直接紧随 div。

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。