css選擇其指定標簽父元素的子元素(first-child 與 first-of-type之間的區別)


一、選擇元素父級的子元素(包含其它不相同的元素)

(1)li:first-child {  };  選擇第一個子元素(注意這里沒有括號)

(2)li:last-child {  };  選擇ul中最后一個子元素

(3)li:nth-child(3) {  };  順數第三個元素

(4) li:nth-last-child(3) {  };  倒數第三個

 

二、選擇父級元素的相同子元素(不包含不相同的子元素)

(1)li:first-of-type {  }  選擇第一個li

(2)li:last-of-type{  }  選擇最后一個li

(3)li:nth-of-type(n) {  }     選擇第n個li

(4) li:nth-last-of-type(n) {  }  倒數第n個li

n可以是奇、偶數,odd代表奇數,even代表偶數

由於ul里面只能是li,所以以上兩種方法用於li下沒有太大區別,如果用於p或div等其它標簽時則區別很大;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM