JQ-子元素伪类选择器




    
    子元素伪类选择器
    
    


    

一、第1类子元素伪类选择器

:first-child ------ 选择父元素的第1个子元素

:last-child ------ 选择父元素的最后1个子元素

:nth-child(n) ------ 选择父元素下的第n个元素或奇偶元素,n的值为“整数|odd|even”

:only-child ------ 选择父元素中唯一的子元素(该父元素只有一个子元素)

二、第2类子元素伪类选择器

:first-of-type ------ 选择同元素类型的第1个同级兄弟元素

:last-of-type ------ 选择同元素类型的最后1个同级兄弟元素

:nth-of-type ------ 选择同元素类型的第n个同级兄弟元素,n的值可以是“整数|odd|even”

:only-of-type ------ 匹配父元素中特定类型的唯一子元素(但是父元素可以有多个子元素)

“第1类选择器不分元素类型,第2类选择器区分元素类型。”大家一定要记住这句话,对于你区分和理解这2类选择器极其重要。除此之外,我们仔细观察会发现,第2类选择器的命名上都有一个“type”(元素类型),这还给我们带来了一个记忆小技巧。

你可能感兴趣的:(JQ-子元素伪类选择器)