Day.01.05 多个类选择器修饰同一个html元素

2023年3月19日 340次阅读 来源: 挂树上的骷髅怪 
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 多个类选择器修饰同一个html元素 </title>
    <style type="text/css">
        .tb1{
            background-color:silver;
            font-style:italic;
        }
        .tb2{
            font-size:30px;
            width:100px;
        }
    </style>
 </head>
 <body>
    <p>BO1</p>
    <p>BO2</p>
    <p class="tb1 tb2">BO3</p>
    <p>BO4</p>
    <p>BO5</p>
 </body>
</html>

总结:当不敢改动别人代码的时候,可以选择添加一个类选择器修饰同一个html元素
优先级:id选择器>类选择器

    原文作者：挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/8660b0c351db
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞