CSS中子元素有多種方法可以實現，以下是其中一些常見的方法：

1. 嵌套類

嵌套類是一種使用CSS中子元素的常見方法。通過在父元素中定義一個嵌套類，可以在子元素中使用該嵌套類。這種方式可以定義多個不同的子元素，并使用相同的樣式。

例如，下面是一個簡單的嵌套類示例：

.parent-element {

width: 200px;

height: 200px;

.child-element {

width: 20px;

height: 20px;

background-color: red;

在上面的示例中，`.parent-element` 是父元素，`.child-element` 是子元素。通過定義`.parent-element` 類，可以定義一個寬高均為200像素的子元素，并將其背景色設置為紅色。然后，通過`.child-element` 嵌套類，可以在子元素中使用 CSS 樣式。

2. 子元素選擇器

子元素選擇器是一種使用 CSS 選擇器選擇子元素的方法。通過使用子元素選擇器，可以在父元素中選擇子元素，并將其樣式應用到子元素中。

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

.parent-element .child-element {

width: 20px;

height: 20px;

background-color: red;

在上面的示例中，`.parent-element` 是父元素，`.child-element` 是子元素。通過使用`.child-element` 選擇器，可以選擇一個寬度和高度均為20像素的子元素，并將其背景色設置為紅色。

3. 內聯樣式

內聯樣式是一種將CSS 樣式直接應用到子元素中的方法。內聯樣式使用在屬性值后面添加冒號的方式進行定義。這種方式可以使子元素的樣式與父元素的樣式相互獨立。

例如，下面是一個簡單的內聯樣式示例：

.parent-element {

width: 200px;

height: 200px;

.child-element {

width: 20px;

height: 20px;

background-color: red;

4. 偽類選擇器

偽類選擇器是一種使用 CSS 選擇器選擇具有相同屬性值的不同樣式的方法。通過使用偽類選擇器，可以在父元素中選擇具有相同屬性值的子元素，并將其樣式應用到不同的子元素中。

例如，下面是一個簡單的偽類選擇器示例：

.parent-element {

width: 200px;

height: 200px;

.parent-element .child-element {

width: 20px;

height: 20px;

.parent-element .other-child-element {

width: 30px;

height: 30px;

在上面的示例中，`.parent-element` 是父元素，`.child-element` 是具有相同寬度和高度的子元素，`.other-child-element` 是具有相同寬度和高度但不同寬度和高度的子元素。通過使用偽類選擇器，可以定義一個父元素，并將其相同的屬性值分別應用到不同的子元素中，以實現不同樣式的子元素。

CSS 中子元素有多種方法可以實現，每種方法都有其獨特的優點和適用場景。通過選擇合適的方法，可以實現更靈活、更美觀的樣式布局。