相邻兄弟选择器用什么符号连接两个元素

简介: 据个人的编程经验,相邻的兄弟选择器匹配选择的一般是写在选择器1匹配到的元素1后面的那个元素2,而不是写在元素1前面的元素。可以参考下方的实例代码。

相邻兄弟选择器使用的符号

CSS中,相邻兄弟元素选择器使用“+”加号来连接两个两个元素选择器。语法如下:

选择器1+选择器2{属性: 属性值;}

相邻兄弟选择器选择的哪个兄弟元素

据个人的编程经验,相邻的兄弟选择器匹配选择的一般是写在选择器1匹配到的元素1后面的那个元素2,而不是写在元素1前面的元素。可以参考下方的实例代码。

相邻兄弟选择器实例代码

下方实例,设置了三个段落p元素,并通过中间的元素使用相邻兄弟选择器来匹配选择相邻的兄弟元素,并设置样式。运行之后可以看看那个元素p的样式被设置:

<p>段落1</p>
<p id="p1">段落2</p>
<p>段落3</p>

<style>
  #p1 + p{color:green;font-size:1.5em;}
</style>

原文:相邻兄弟选择器用什么符号连接两个元素

免责声明:内容仅供参考。

相关文章
|
7月前
|
算法
25. K 个一组翻转链表
25. K 个一组翻转链表
60 9
|
6月前
25. K个一组翻转链表
25. K个一组翻转链表
|
7月前
|
索引
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)
链表中的节点每k个一组翻转
链表中的节点每k个一组翻转
42 0
|
Java 测试技术
给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回。注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针。(Java语言实现)
给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回。注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针。(Java语言实现)
174 0
给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回。注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针。(Java语言实现)
|
前端开发
伪类选择器设置奇偶数标签(1+X Web前端开发 例题)
伪类用于定义元素的特殊状态。 例如,它可以用于:设置鼠标悬停在元素上时的样式,为已访问和未访问链接设置不同的样式,设置元素获得焦点时的样式
247 0
伪类选择器设置奇偶数标签(1+X Web前端开发 例题)
|
Shell
将单向链表按某值划分成左边小、中间相等、右边大的形式
将单向链表按某值划分成左边小、中间相等、右边大的形式
206 0
|
算法 Java
【K 个一组翻转链表】
【K 个一组翻转链表】
(第11列)C语言练习:输入数组,最大的与第一个元素交换,最小的与最后一个元素交换,输出数组。五步带你解决。
(第11列)C语言练习:输入数组,最大的与第一个元素交换,最小的与最后一个元素交换,输出数组。五步带你解决。
(第11列)C语言练习:输入数组,最大的与第一个元素交换,最小的与最后一个元素交换,输出数组。五步带你解决。
下一篇
DataWorks