多元素选择器

知识点

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

　图片

代码

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