码迷,mamicode.com
首页 > Web开发 > 详细

css选择其指定标签父元素的子元素(first-child 与 first-of-type之间的区别)

时间:2017-12-29 19:03:12      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:ast   不包含   log   eve   包含   -o   一个   括号   nbsp   

一、选择元素父级的子元素(包含其它不相同的元素)

(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等其它标签时则区别很大;

css选择其指定标签父元素的子元素(first-child 与 first-of-type之间的区别)

标签:ast   不包含   log   eve   包含   -o   一个   括号   nbsp   

原文地址:https://www.cnblogs.com/hobi24/p/8145698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!