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