AI 助理
备案控制台
开发者社区 问答 正文

CSS中的邻近选择器~一般在什么情况下使用？

ul ~ p {
color: red;
}
X ~ Y 将选取 X 元素后出现的所有同级元素。上面这段代码将选取 ul 元素后出现的所有同级 p 元素。
这个神奇的选择器感觉很难用到啊？有谁用过吗？为什么用？

展开
收起
a123456678 2016-03-26 14:21:55 2121 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • a123456678 
    p {
  color: blue;
}

ul ~ p {
  color: red;
}
有 ul 是 p 的同级元素的时候，p 的颜色就变咯。最简单的用处。
    2019-07-17 19:16:10
    赞同 展开评论
问答分类：
前端开发
问答标签：
CSS选择器
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
非技术用户如何配置低代码组件以避免CSS选择器或XPath的复杂性？
96
1
0
常用的CSS选择器有哪些？
404
1
0
如何解决规则都太专业了，CSS选择器、XPath，这些对于非技术同学来说使用成本非常高，而且可能因为
678
1
0
CSS3中要将动画绑定到选择器，需要哪些动画属性？
833
1
0
CSS的选择器中的伪对象选择器具体是什么啊？
954
1
0
CSS的选择器中的伪类选择器具体是什么啊？
826
1
0
CSS的选择器中的属性选择器具体是什么啊？
753
1
0
CSS的选择器中的关系选择器具体是什么啊？
788
1
0
CSS的选择器中的元素选择器具体是什么啊？
830
1
0
CSS的选择器具体是什么啊？
845
1
0