CSS 中子元素選擇器是一種用于選擇子元素的選擇器，也稱為 child 選擇器。使用子元素選擇器，我們可以輕松地選擇 CSS 中的子元素，例如選擇表單中的單選按鈕、下拉列表中的每一項等。

子元素選擇器通常使用在布局中，例如在表單中添加多行字段時，可以使用子元素選擇器來選擇表單中的每個單選按鈕、下拉列表項等子元素。還可以用于選擇嵌套的 HTML 元素，例如選擇嵌套的段落、表格、圖像等。

以下是一個簡單的子元素選擇器的示例：

```css

input[type="button"] {

display: block;

width: 100px;

height: 100px;

background-color: #ff0000;

border: none;

padding: 5px;

cursor: pointer;

在這個示例中，我們選擇所有的按鈕元素，因為它們是 `input[type="button"]` 元素。這個選擇器將定義按鈕元素的樣式，包括寬度、高度、背景顏色、邊框和內邊距，以及點擊時的樣式。我們還可以使用其他選擇器來控制按鈕的樣式，例如使用 `text-align` 屬性來調整按鈕在文本中的對齊方式，或使用 `margin` 和 `padding` 屬性來控制按鈕的間距和內邊距。

除了按鈕之外，子元素選擇器還可以應用于其他類型的元素，例如表單中的單選字段、下拉列表項、列表項、圖像等。使用子元素選擇器，我們可以輕松地控制元素的樣式和外觀，從而實現更好的布局和設計。

需要注意的是，子元素選擇器只適用于具有獨立父元素的 HTML 元素。如果元素具有嵌套的父元素，則可以使用子元素選擇器選擇嵌套的子元素，但無法選擇嵌套的父元素。因此，在使用子元素選擇器時，需要仔細考慮元素的嵌套結構，以確保選擇正確的子元素。