Neworld

多元素选择器
知识点多元素选择器 ---> ,应用场景:有多个元素具有相同的属性,代码重复,提取出来公用 图片代码<...
扫描右侧二维码阅读全文
10
2019/05

多元素选择器

知识点

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

 图片

5c6825ad2b9c19d6451e4e79d5e46fd3.png

代码

<!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>
文章名: 《多元素选择器》

本文链接:https://www.neworld.studio/759.html

除特别注明外,文章均由 Neworld 原创

 原创文章 转载时请注明 出处 以及文章链接
最后修改:2019 年 05 月 10 日 11 : 36 PM

发表评论