CSS > 符号

在CSS中，>符号表示直接子代选择器（子代选择器）。这个符号可以用来选择一个元素的所有直接子元素。

语法

parent > child {
  /* CSS properties */
}

其中，parent是要选择的父元素，child是父元素中的直接子元素。

示例

假设有以下HTML结构：

<div class="parent">
  <p>直接子元素 1</p>
  <div>
    <p>非直接子元素 1</p>
  </div>
  <p>直接子元素 2</p>
</div>

现在我们想要选择.parent下的所有直接子<p>元素，我们可以使用>符号进行选择：

.parent > p {
  color: red;
}

这将会把.parent下的两个直接子<p>元素变成红色。

总结

使用>符号可以方便地选择一个元素的所有直接子元素。这个符号在优化CSS样式和增强选择器的灵活性方面尤其有用。