CSS控制第一個子元素是在前端開發(fā)中常常用到的技巧。要控制第一個子元素，我們可以使用CSS3中的:first-child偽類選擇器來實現(xiàn)。

/* 控制第一個子元素的樣式 */
parent-selector-child-selector:first-child { 
/* 在此處添加CSS樣式 */
}

如上所示，parent-selector表示想要控制的父元素選擇器，之后緊隨子元素選擇器-child-selector，再用:first-child偽類選擇器來選中第一個子元素。在偽類選擇器的大括號內(nèi)，可以添加想要修改的CSS樣式。

例如，我們想要控制所有ul列表中的第一個li項，并修改其背景色：

/* 控制第一個li元素的樣式 */
ul li:first-child { 
background-color: #f3f3f3;
}

如上所示，我們使用了ul li選擇器來選中所有的li元素，并使用:first-child偽類選擇器來選中第一個li元素，進而修改其背景色為#f3f3f3。

需要注意的是，:first-child偽類選擇器只會匹配一個元素，即第一個子元素。如果我們想要控制第二個或第三個子元素，就需要使用:nth-child偽類選擇器。

總之，掌握了這類基本的CSS選擇器，我們就能更好地控制網(wǎng)頁中的元素樣式，進而實現(xiàn)更加精美、自然和動態(tài)的界面效果。