Day.01.05 组合选择器之后代选择器

2023年6月14日 212次阅读 来源: 挂树上的骷髅怪

今天简书首页改样式,真有点不习惯.

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 后代选择器 </title>
    <style type="text/css">
        div span{
            color:orange;
            font-size:30px;
            font-style:italic;/*斜体*/
        }
        div p{
            color:silver;
            font-size:25px;
            font-style:italic;
        }
        div p.tb1{
            color:red;
        }
    </style>
 </head>
 <body>
    <div>
        <span><h1>火影忍者</h1></span>
        <p>我爱罗</p>
        <p>大蛇丸</p>
        <p class="tb1">自来也</p>
    </div>
 </body>
</html>

总结:如果后代选择器中需要特别的样式,那我们可以用类选择器来完成
优先级:标签选择器<类选择器

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