CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号“>”连接，兄弟选择器由符号“+”和“~”连接，本节将详细讲解这两种选择器。
希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong。
该选择器使用加号“+”来链接前后两个选择器。选择器中的两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。
普通兄弟选择器使用 “~”来链接前后两个选择器。选择器中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素。
关系选择器
2024-05-02
22
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【5月更文挑战第2天】关系选择器。
目录
相关文章
|
4天前
|
前端开发
开发者
|
4天前
|
人工智能
前端开发
Cloud Native
|
9月前
|
前端开发
|
9月前
|
UED
|
JavaScript
|
开发者
|
前端开发
|
前端开发
热门文章
最新文章
1
TCP三次握手与四次分手
2
袋鼠云数据中台专栏（五）：数栈，企业级一站式数据中台PaaS
3
利用Serverless Kubernetes和Kaniko快速自动化构建容器镜像
4
CentOS7(6.5)升级docker到较新版
5
如何判断自己IP是内网IP还是外网IP
6
模型社区实战训练营首开,开源让代码更有趣!
7
深入分析bgp选路规则(上)
8
2-Sat+输出可行解(个人模版)
9
一次ORA-00130: invalid listener address错误
10
PathFinding.js – 综合性的 JavaScript 路径查找库
1
AI大咖说-如何评价论文的创新性
16
2
实时计算 Flink版产品使用合集之在Flink Stream API中，可以在任务启动时初始化一些静态的参数并将其存储在内存中吗
15
3
实时计算 Flink版产品使用合集之支持在同步全量数据时使用checkpoint吗
13
4
51.从键盘上输入任意两个数和一个运算符（+、-、*、/），根据输入的运算符对两个数计算，并输出结果
13
5
50.编写程序，逆转字符串
13
6
49.输入一字符串，检查是否回文 （回文是指正反序相同，如，LeveL）
11
7
48.输入任意正整数，编程判断该数是否为回文数(回文数是指从左到右读与从右到左读一样，如12321）
9
8
47.从键盘上输入一个3*3的矩阵，并求其主对角线元素的和
10
9
46.编写程序在屏幕上显示如下图形
8
10
45.将3×3二维数组转置，并输出
12