CSS选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css选择器</title>
    <style type="text/css">
        *{
            font-size: 33px;
        }
        /*当使用*选择器的时候, 会选择所有标签*/
        div{
            color: red;
        }
        #div1{
            color: green;
        }
        /*  
            #   代表id
            .   代表类名

        */
        /*后面样式覆盖先前样式*/
        /*但是id样式权重高于类样式权重*/
        
        .green{
            color:blue;
        }

        .big{
            font-size: 44px;
        }
        /*类选择器,在实际开发中使用最多.  一次定义多次使用*/


    </style>
</head>
<body>
    <div class="green">这是第一个div</div>
    <div class="green big">这是第二个</div>
    <div id=div1>第三个</div>
    <!-- 使用标签id选择器的时候,要给标签赋予id值,且id不能相同 -->
    <p>这是一个p标签</p>

</body>
</html>

 

posted @ 2019-08-13 15:50  Jrri  阅读(101)  评论(0编辑  收藏  举报