第十八课--组合选择符

四种组合方式:
后代选择器(以空格分隔)--后代选择器用于选取某元素的后代元素。
子元素选择器(以大于号分隔）--与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。
相邻兄弟选择器（以加号分隔）--相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。
普通兄弟选择器（以破折号分隔）--后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。

    
    组合选择符


    /*后代选择器(以空格分隔)*/
    div p {
        background-color: yellow;
    }

    /*子元素选择器(以大于号分隔）*/
    div > p {
        background-color: green;
    }

    /*相邻兄弟选择器（以加号分隔）*/
    div + p {
        background-color: #1b6d85;
    }

    /*普通兄弟选择器（以破折号分隔）*/
    div ~ p {
        background-color: red;
    }


文字信息

    
文字信息
    
文字信息
    
文字信息
    
文字信息
    
文字信息
    
文字信息
    
        
文字信息
        
文字信息
        
文字信息
        
文字信息
        
文字信息
    

文字信息
123
文字信息