CSS first是一種CSS偽類選擇器,它可以選擇某個元素的第一個子元素。
比如說,如果一個ul列表中有多個li元素,我們可以使用CSS first來選擇第一個li元素:
ul li:first-child { color: red; }
這個樣式將會讓第一個li元素變成紅色。這在設計導航菜單時非常實用。
CSS first有很多變種,比如可以使用:first-of-type選擇器來選擇某一類型的元素的第一個子元素:
p:first-of-type { font-size: 1.5em; }
這個樣式將會讓每個類型為p的元素的第一個子元素變成1.5em的字體大小。
需要注意的是,CSS first只能選擇某個元素的第一個子元素,如果需要選擇某個元素的最后一個子元素,可以使用:last-child選擇器。