CSS中如何選擇第一個元素呢?我們可以使用偽類選擇器:first-child。
selector:first-child { property: value; }
上述代碼中,我們使用了:first-child偽類選擇器來選擇selector元素的第一個子元素,并設置了該子元素的CSS屬性和值。
在實際應用中,我們可能會在列表中選擇第一個元素來添加特殊樣式,或者在表單中選擇第一個輸入框來調整樣式。 以下是一個示例:
ul li:first-child { font-weight: bold; }
上述代碼中,我們使用了:first-child偽類選擇器來選擇ul元素下的第一個li元素,并設置了該元素的字體粗細為bold。
當然,在CSS中我們還可以使用其他的偽類選擇器來選擇其他的元素, 如:last-child偽類選擇器來選擇最后一個元素,還有:nth-child偽類選擇器來選擇特定位置的元素。