css

3、类选择器

yu
yu
2024-09-30 / 0 评论 / 3 阅读 / 正在检测是否收录...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>累选择器</title>

    <style>

        /*
            一、选择器:可以选择一个或多个标签,为其添加样式

            1.语法格式:
                .类名{
                    属性1:属性值1;
                }

            2.使用步骤:
                为标签设置一个class属性
                利用类选择器中选择一个/多个标签


            3.注意:
                类选择器以英文的,开头
                可以为多个标签指定相同的类名
                类名尽量不要使用数字开头,不要使用中文,若类名过长并且由多个单词组成,可以使用"-"提高可读性
                    如:xxx-yyy
                标签的class属性名可以同时指定多个,每个类名之间以空格隔开即可
        */

        .div1{
            color: red;
        }
        .p1{
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div class="div1">我是div</div>
    <p class="div1 p1 p2 p3">我是1个p</p>
    <p>我是2个p</p>
    <p class="p1">我是3个p</p>
    <p>我是4个p</p>
    <p>我是5个p</p>
</body>
</html>
0

评论 (0)

取消