CSS 選擇倒數第二個的方法可以使用偽類選擇器中的:nth-last-child()
。這個偽類選擇器可以選擇最后一個子元素之前的相應元素。
/* 選擇倒數第二個p元素 */ p:nth-last-child(2) { color: red; }
上面的代碼示例將選擇文檔中的倒數第二個<p>
元素,并將其文字顏色設置為紅色。需要注意的是,該選擇器只匹配某個元素是否是父元素的最后一個子元素之前的相應元素,而不是某種元素或類選擇器。
當在一個包含多個子元素的容器中選擇最后一個元素時,可以使用:last-child
偽類選擇器。但是當需要選擇倒數第二個元素時,就可以使用:nth-last-child(2)
。
總的來說,:nth-last-child()
偽類選擇器提供了一種選擇倒數第二個元素的簡單而靈活的方法。它可以與不同種類的元素一起使用,從而在網頁設計中提供更多的靈活性。