多元素选择器

前端笔记本
612 0

知识点

多元素选择器 ---> ,
应用场景:有多个元素具有相同的属性,代码重复,提取出来公用

 图片

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <style type="text/css">
            .box1{
                width: 200px;
                /* height: 100px;
                background-color: red;
                margin-bottom: 10px; */
            }
            .box2{
                width: 300px;
                /* height: 100px;
                background-color: red;
                margin-bottom: 10px; */
            }
            .box3{
                width: 400px;
                /* height: 100px;
                background-color: red;
                margin-bottom: 10px; */
            }
            
            /* 多元素选择器 */
            .box1,.box2,.box3{
                height: 100px;
                background-color: red;
                margin-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <div class="box1">box1</div>
        <div class="box2">box2</div>
        <div class="box3">box3</div>
        
        
    </body>
</html>
最后更新 2019-11-02
评论 ( 0 )
评论已关闭