Day.01.04 组合选择器之多元素选择器

2023年11月18日 145次阅读 来源: 挂树上的骷髅怪 
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 组合选择器之多元素选择器 </title>
    <style type="text/css">
    /*组合器细节:
            1.为了代码简洁,可以把各个类型的选择器共同的样式,写在一起,用逗号隔开(,),做成多元素选择器
            2.如果样式,颜色发成冲突,以靠后的代码为准;
    */
        .span1,.span2,.span3,.span4,#id1{
            color:red;
            font-weight:bold;
        }
        .span3{
            font-size:30px;
            color:blue;
        }
        .span4{
            font-size:50px;
            background-color:silver;
        }
        #id1{
            background-color:silver;
        }
    </style>
 </head>
 <body>
    <span class="span1">hello,world!</span><br>
    <span class="span2">hello,老哥!</span><br>
    <span class="span3">hello,老弟!</span><br>
    <span class="span4">hello,老高!</span><br><br>
    <span id="id1">hello,老东!</span><br>
 </body>
</html>
    原文作者：挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/85d991214d3a
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞