css子元素选择器

作者：夕阳下的孤影发布日期:2025-09-07 浏览:74

/* 选择作为某个元素直接子元素的所有 <p> 元素 */
div > p {
  background-color: yellow;
}

/* 解释：上述代码中，">" 是 CSS 子元素选择器。它会选择所有直接位于 <div> 元素内部的 <p> 元素，并将这些 <p> 元素的背景颜色设置为黄色。*/

/* 选择作为某个元素后代的所有 <p> 元素（对比示例） */
div p {
  color: red;
}

/* 解释：这个例子不是使用子元素选择器，而是后代选择器。它会选择所有在 <div> 元素内部的 <p> 元素，不论它们是否是直接子元素，都将文本颜色设置为红色。*/

上一篇：css两端对齐怎么设置

下一篇：css文字颜色