在前端開發中，CSS樣式是非常重要的一部分。其中，%3e選擇器是CSS樣式中的一種特殊的選擇器，它可以選擇當前元素的直接子元素。

在CSS中，%3e選擇器被稱為“大于號選擇器”，它的符號為“>”（也就是“大于號”）。它的語法格式為：

父元素 > 子元素 {
/* CSS屬性 */
}

其中，父元素和子元素分別表示要選擇的元素的父元素和子元素。%3e選擇器只會選擇子元素，而不會選擇孫子元素。

舉例來說，假設我們要選擇以下HTML結構中的直接子元素：

<div class="container">
<h1>標題</h1>
<p>段落1</p>
<p>段落2</p>
<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>
</div>

我們可以使用以下代碼來選擇它們：

.container > h1 {
/* CSS屬性 */
}
.container > p {
/* CSS屬性 */
}

這樣我們就可以對選中的直接子元素進行樣式的設置，而不會影響到其他元素。

需要注意的是，%3e選擇器只作用于直接子元素，而不會作用于后代元素。如果我們想要選擇所有的子元素（包括后代元素），則可以使用空格（“ ”）代替“>”。

.container p {
/* CSS屬性 */
}

這樣，我們就會選擇到所有容器中的p元素，而不管它們是直接子元素還是后代元素。

總之，%3e選擇器是CSS樣式中非常實用的一種選擇器，它可以讓我們更加方便地對直接子元素進行樣式的設置，同時也更加靈活地控制CSS的效果。