简单学习CSS-选择器2

1、结构伪类选择器

/ul的第一个子元素/
ul li:first-child{
background: #82ff32;
}

    /*ul的最后一个选择器*/
    ul li:last-child{
        background: red;
    }
    
   /*选择父元素下,第二个类型为p的元素*/
    p:nth-of-type(2){
        background: green;
    }

/*选中p1 定位到父元素,选择当前第一个元素
选择当前元素p父级元素,选中父级元素第一次,并且是当前元素才生效
*/
p:nth-child(1){
background: #82ff32;
}
2、属性选择器(常用)




    
    Title
    


1 2 3 4 5 6 7 8 9 10

你可能感兴趣的:(前端)