CSS中要取li點的話,需要使用偽類選擇器:nth-child()
。這個選擇器可以幫助我們選中一個元素的特定子元素。在這個選擇器內我們還需要傳入一個數字,這個數字表示我們要選中的子元素的位置。比如說,:nth-child(1)
表示選中第一個子元素,:nth-child(2)
表示選中第二個子元素,以此類推。
ul li:nth-child(3) { /*這里是對第三個li元素的樣式設定*/ }
還有一個相關的偽類選擇器:last-child
,這個選擇器會選中一個父元素下的最后一個子元素。我們在這個選擇器內不需要傳入數字,只需要直接使用:last-child
即可。
ul li:last-child { /*這里是對最后一個li元素的樣式設定*/ }
除此之外,我們還可以使用:first-child
偽類選擇器選中一個父元素下的第一個子元素。用法和:last-child
類似,也不需要傳入數字。
ul li:first-child { /*這里是對第一個li元素的樣式設定*/ }