结构伪类选择器

伪类

/*ul 的第一个子类元素*/
        ul li:first-chlid{
        background:#02ff00;
        }
        
        /*ul 的最后一个子类元素*/
        ul li:last-chlid{
        background:#02ff00;
        }
        
        /*选中 p1:定位到父元素，选择当前的第一个元素
        选择当前p元素的父级元素，选中父级元素的第一个，并且是当前元素才生效！*/
        p:nth-child(1){
        background:#2700ff;
        }
/*选中父元素下的p元素的第二个类型*/
        p:nth-of-type(2){
        background：yellow;
        }