css3奇数偶数的伪属性

<style>
    /*奇数*/
    ul li:nth-child(odd){
        background-color: green;
    }
    /*偶数*/
    ul li:nth-child(even){
        background-color: red;
    }

</style>
<ul>
    <li>
        1
    </li>
    <li>
        2
    </li>
    <li>
       3
    </li>
    <li>
        4
    </li>
    <li>
        5
    </li>
    <li>
        6
    </li>
</ul>

 

posted @ 2018-03-16 13:28  怪咖咖  阅读(5332)  评论(0编辑  收藏  举报