<style>

<!--屬性選擇器-->

    h1{

        color: black;

    }

<!--class選擇器-->

    .wwwwwww{

         color: blue;

    }

<!--id選擇器-->

    #rrrrrr{

        color: green;

    }

<!-- 后代選擇器，所有子類(lèi)選擇器-->

    body p{

         background: red;

        }

<!--子類(lèi)選擇器，后一代選擇器-->

    li>p{

       background: green;

    }

<!--兄弟選擇器，向下選擇一個(gè)-->

    .active + p{

        background: green;

    }

<!--兄弟選擇器，向下選擇所有的兄弟-->

    .active~p{

      background: blue;

    }

<!--偽類(lèi)選擇器-->

    ul li:first-child{

        background: yellow;

    }

        

    a{

        background: blue;

    }

<!--屬性選擇器-->

<!--選擇所有有id的a標(biāo)簽-->

    a[id]{

        background: yellow;

    }

<!--選擇id為tttt的a標(biāo)簽-->

     a[id=tttt]{

        background: green;

    }

<!--選擇class內(nèi)有itemes的a標(biāo)簽-->

    a[class*=itemes]{

        background: red;

    }

<!--選擇class以ttt開(kāi)頭的a標(biāo)簽-->

    a[class^=ttt]{

        background: #64ffff;

    }

<!--選擇class以rrr結(jié)尾的a標(biāo)簽-->

    a[class$=rrr]{

        background: #23f133;

    }

    </style>