css 兄弟元素

作者：狂暴的酷发布日期:2025-04-03 浏览:43

/* 示例代码：使用 CSS 选择兄弟元素 */

/* 选择紧接在 <h1> 元素之后的 <p> 元素 */
h1 + p {
  color: blue;
}

/* 选择所有位于 <h1> 元素之后的 <p> 元素，不论中间隔了多少其他元素 */
h1 ~ p {
  font-weight: bold;
}

解释说明：

h1 + p：这个选择器会选择紧跟在 <h1> 元素之后的第一个 <p> 元素。它只会匹配紧邻的兄弟元素。
h1 ~ p：这个选择器会选择所有位于 <h1> 元素之后的 <p> 元素，即使它们之间有其他元素。它会选择所有的后续兄弟元素。

如果你需要更多关于兄弟选择器的帮助或示例，请告诉我！

上一篇：css文本下划线

下一篇：css两行省略号