css >

作者：〖掉望发布日期:2025-05-14 浏览:161

/* 示例代码：使用 > 选择器 */

/* 选择所有作为 <article> 元素的直接子元素的 <p> 元素 */
article > p {
  color: blue;
}

/* 选择所有作为 <nav> 元素的直接子元素的 <a> 元素 */
nav > a {
  font-weight: bold;
}

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

解释说明：

> 是 CSS 中的子代选择器（child combinator），它用于选择指定父元素的直接子元素。
在上面的示例中：
- article > p 会选择所有直接嵌套在 <article> 元素内的 <p> 元素，但不会选择嵌套更深的 <p> 元素。
- nav > a 会选择所有直接嵌套在 <nav> 元素内的 <a> 元素。
- ul > li 会选择所有直接嵌套在 <ul> 元素内的 <li> 元素。

上一篇：css 行间距

下一篇：css 内阴影