Day.01.02 css之标签选择器的不同样式

2023年5月7日 191次阅读 来源: 挂树上的骷髅怪 
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 标签选择器的不同样式 </title>
    <style type="text/css">
    /*类选择器的优先级>标签选择器*/
        p{
            font-size:30px;
            background-color:#F0F;
            font-style:italic;/*斜体*/
        }
        p.tb1{
            background-color:silver;
        }
        p.tb2{
            font-style:normal;/*把字体变成正常*/
        }
    </style>
 </head>
 <body>
    <p>那是一个冬天!</p>
    <p>那是一个冬天!</p>
    <p>那是一个冬天!</p>
    <p class="tb1">那是一个冬天!</p>
    <p class="tb2">那是一个冬天!</p>
 </body>
</html>
    原文作者：挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/2d901288f2e8
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞