Day.01.05 组合选择器之子元素选择器

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 组合选择器 子元素选择器 </title>
    <style type="text/css">
        div > span{
            background-color:pink;
        }
        div > h1 > span{
            background-color:red;
        }
    </style>
 </head>
 <body>
    <div>
        <h1>黑山<span>老妖<span></h1>
        <span>吃人的妖怪</span>
    </div>
 </body>
</html>

总结:div > span表示div中的子元素span 但是不包括h1中的子元素

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