python全栈笔记-前端2.02_基础选择器

<style type="text/css">
    <!--通配符选择器-->
    *{
        padding:0;
        margin:0;
        color:#868686;
    }

    /*id选择器*/
    #container{
        width:968px;
        background-color: #C1C1C1;
        margin:0 auto;
    }

    /*标签选择器*/
    h1{
        color:#6D8B00;
    }

    .content{
        width: 968px;
        background-color:#D50092;
    }

    img{
        width: 968px;
    }

    /*子代选择器*/
    ul>li{
        color:#10B7C6;
    }

    /*后代选择器*/
    ul a{
        color:#27CD00；
    }

</style>

<!--上中下布局-->
<div id="container">
    <div class="header">
        <h1>路飞学城</h1>

        <h2>路飞学城</h2>
    </div>

    <div class="content">
        <h3>我是内容</h3>

        <img src="https://hcdn1.luffycity.com/static/frontend/index/banner_book_1522237716.91825.jpeg" alt="">
    </div>

    <div class="header">
        <ul>
            <li>1 <a href="">哈哈哈</a></li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </div>

</div>

```