CSS中的三個大于符號（>）通常用于選擇子元素，在CSS中，你可以使用空格來打開子元素的樣式，如果你有一個HTML元素如下：

<div class="parent">
  <div class="child">我是子元素</div>
</div>

你可以使用以下CSS來選擇并樣式化子元素：

.parent > .child {
  color: red;
}

在這個例子中，.parent > .child 選擇器會選擇.parent元素中直接子元素為.child的元素，并將其文本顏色設(shè)置為紅色。

示例：樣式化子元素

假設(shè)你有以下HTML結(jié)構(gòu)：

<div class="main">
  <div class="header">我是頭部</div>
  <div class="content">我是內(nèi)容部分</div>
  <div class="footer">我是底部</div>
</div>

你可以使用以下CSS來分別樣式化這三個子元素：

.main > .header {
  background-color: #f0f0f0;
}
.main > .content {
  background-color: #e0e0e0;
}
.main > .footer {
  background-color: #d0d0d0;
}

在這個例子中，每個子元素都會根據(jù)其對應(yīng)的類獲得不同的背景顏色，注意，這些樣式只會應(yīng)用到直接子元素上，如果.header、.content或.footer元素有任何子元素，那么這些子元素的樣式不會被改變。