类选择器 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>类选择器</title>
        <style type="text/css">
        /* 
            类选择器
                作用：根据元素的class属性选中元素
                语法：.p1{}  .p2{}  
         */
            .p3{
                background-color: green;
            }
            
            .p1{
                background-color: #00FFFF;
            }
            
            .p2{
                background-color: #FFFF00;
            }
        </style>
    </head>
    <body>
        <h1 class="p3">回乡偶书（其一）</h1>
        <p class="p1">少小离家老大回，乡音无改鬓毛催</p>
        <p class="p2">儿童相见不相识，笑问客从何处来</p>
    </body>
</html>

 

posted @ 2022-05-08 13:54  氯丙嗪  阅读(24)  评论(0)    收藏  举报