CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号“>”连接，兄弟选择器由符号“+”和“~”连接，本节将详细讲解这两种选择器。
希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong。
该选择器使用加号“+”来链接前后两个选择器。选择器中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。
普通兄弟选择器使用 “~”来链接前后两个选择器。选择器中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素。
关系选择器
2024-05-02
52
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【5月更文挑战第2天】关系选择器。
目录
相关文章
|
8月前
|
前端开发
开发者
|
7月前
|
缓存
前端开发
CSS基础+基本选择器和复合选择器（如果想知道CSS的基础+基本选择器和复合选择器知识点，那么只看这一篇就足够了！）
CSS基础+基本选择器和复合选择器（如果想知道CSS的基础+基本选择器和复合选择器知识点，那么只看这一篇就足够了！）
69
7
7
|
4月前
|
JavaScript
前端开发
|
6月前
|
前端开发
JavaScript
C++
CSS 【详解】样式选择器（含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器）
CSS 【详解】样式选择器（含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器）
584
0
0
|
JavaScript
|
开发者
|
前端开发
|
前端开发
JavaScript
