css上一个兄弟元素怎么找到

作者：资本principal 发布日期:2025-05-14 浏览:78

/* 使用相邻兄弟选择器 (+) 来选择紧接在另一个元素之后的兄弟元素 */
/* 示例：选择所有紧接在 <p> 元素之后的 <span> 元素 */
p + span {
  color: blue;
}

/* 使用通用兄弟选择器 (~) 来选择位于另一个元素之后的所有兄弟元素 */
/* 示例：选择所有位于 <p> 元素之后的 <span> 元素，无论中间有多少其他元素 */
p ~ span {
  color: red;
}

解释说明：

相邻兄弟选择器 (+):
- p + span 表示选择紧接在  元素之后的  元素。这意味着  必须紧跟在  后面，并且两者之间不能有其他元素。
通用兄弟选择器 (~):
- p ~ span 表示选择所有位于  元素之后的  元素，无论它们之间有多少其他元素。只要  在  之后出现，都会被选中。

上一篇：css文字超出隐藏变省略号鼠标上去展示完整

下一篇：css flex gap