CSS是一種用于定義網頁外觀的樣式表語言，可以實現網頁的布局、字體、顏色、大小等樣式的控制。其中，子級和父級在CSS中扮演著非常重要的角色，下面我們來探討一下它們的作用和用法。

在CSS中，子級和父級是指CSS選擇器中的元素之間的關系。子級選擇器用于選擇指定父元素下的某個子元素，父級選擇器則用于選擇某個元素的父元素。

/* 子級選擇器 */
父元素 >子元素 {
/* CSS 樣式 */
}
/* 父級選擇器 */
父元素 子元素 {
/* CSS 樣式 */
}

子級選擇器用“>”符號表示，它的作用是選擇直接由父元素包含的子元素，不包含孫子元素。例如：

/* 直接選擇 ul 下的 li */
ul >li {
/* CSS 樣式 */
}

父級選擇器不用符號表示，直接使用空格隔開父子元素即可。它的作用是選擇所有滿足條件的子元素，不論它們嵌套在多少層父元素中。例如：

/* 選擇所有 div 下的 em 元素 */
div em {
/* CSS 樣式 */
}

此外，CSS還支持多級選擇器，即同時使用子級和父級選擇器并用逗號隔開。例如：

/* 選擇 div 下的 h1 和 p 元素 */
div >h1, div >p {
/* CSS 樣式 */
}

通過使用子級選擇器和父級選擇器，我們可以更精確地控制網頁中的元素樣式，實現更好的布局和視覺效果。