类选择器

2022-05-08 14:01:15 作者：互联网

<!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>

标签：p2,p1,color,background,选择器,少小离家
来源： https://www.cnblogs.com/YcxyH/p/16245462.html