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

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

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

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

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

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

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

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