在css中,可以利用“:nth-last-child()”選擇器選擇倒數(shù)第幾個元素,該選擇器從父元素的最后一個子元素開始計數(shù),來匹配父元素的子元素,語法為“父元素:nth-last-child(子元素倒數(shù)值){css樣式代碼;}”。
成都創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網(wǎng)站設計、成都網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的東營區(qū)網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css選擇器怎么選擇倒數(shù)第幾個元素
在css中,想要利用選擇器選擇倒數(shù)的第幾個元素,可以利用:nth-last-child(n) 選擇器。
:nth-last-child(n) 選擇器匹配屬于其元素的第 N 個子元素的每個元素,不論元素的類型,從最后一個子元素開始計數(shù)。
n可以是一個數(shù)字,一個關鍵字,或者一個公式。
示例如下:
The first paragraph.
The second paragraph.
The third paragraph.
The fourth paragraph.
選擇p元素中的倒數(shù)第二個元素,改變其背景顏色。
輸出結果:
(學習視頻分享:css視頻教程)