css兄弟选择器

作者：寂寞带点伤发布日期:2026-02-14 浏览:88

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

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

/* 选择所有位于 <h1> 元素之后的 <p> 元素 */
h1 ~ p {
  color: red;
}

h1 + p：这个选择器会选择紧接在 <h1> 元素之后的 <p> 元素。也就是说，只有直接跟在 <h1> 后面的第一个 <p> 会被选中。
h1 ~ p：这个选择器会选择所有位于 <h1> 元素之后的 <p> 元素，无论中间有多少其他元素。