HTML笔记分享网页前端后台技巧(CSS+HTML)

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

2017-01-05  本文已影响5人  挂树上的骷髅怪
<!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中的子元素

上一篇 下一篇

猜你喜欢

热点阅读