JavaScript 子類選擇器是 CSS 選擇器的一種，用于選擇某個元素的子元素。通過在父元素后面添加一個 greater-than 符號（>），可以選擇直接子元素。
例如，在 HTML 中，有一個父元素 div 包含兩個子元素 p：
```html```
通過以下 CSS 選擇器，可以選擇 div 元素下的直接子元素 p：
```css
div >p {
color: red;
}
```
這里的選擇器 div >p 就是 JavaScript 子類選擇器，它會將父元素 div 下直接子元素 p 的顏色設置為紅色。
同樣的，JavaScript 子類選擇器也可以在 JavaScript 中使用：
```javascript
const parentElement = document.querySelector('div');
const childElements = parentElement.querySelectorAll('>p');
```
這里使用JavaScript查詢所有直接子元素為 p 的 div 元素。
子類選擇器還可以配合其他選擇器一起使用，例如：
```css
/* 選擇所有 class 為 container 下的直接子元素 h1 */
.container >h1 {
font-size: 24px;
}
/* 選擇所有 class 為 container 下的直接子元素 li */
.container >ul >li {
list-style: square;
}
```
在這些例子中，都使用了 JavaScript 子類選擇器選擇了某個元素的直接子元素，這對于頁面開發、元素排版等都有很大的幫助。
如果您正在開發一個需要選擇直接子元素的 Web 應用，那么 JavaScript 子類選擇器將為您提供非常便利的幫助。
第一個子段落。
第二個子段落。