css中直接选择子元素的符号

CSS中直接选择子元素的符号是" > "。当我们想要选择某个元素的直接子元素时，可以使用这个符号。

/* 选择所有class为parent的div元素下直接的class为child的div元素 */
.parent > .child {
    color: red;
}

如上述代码所示，我们可以使用">"符号来选择parent元素下直接的child元素，并将其字体颜色设置为红色。

需要注意的是，">"符号只能选择直接子元素，也就是说，如果选择的是嵌套层级比较深的元素，那只能选择到直接子元素，非直接子元素无法选择到。

在实际开发中，">"符号的使用非常普遍，它不仅可以选择子元素，还可以用来选择后代元素、兄弟元素等。

/* 选择class为parent的div元素下所有class为child的div元素 */
.parent .child {
    color: blue;
}

/* 选择class为sibling的div元素后面的所有div元素 */
.sibling ~ div {
    color: green;
}

上述代码用来选择class为parent的div元素下的所有class为child的div元素和选择class为sibling的div元素后面的所有div元素。这就是">"符号的使用范围。