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

<!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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容