IT無限~程式筆記本: child selector 與 descendant selector的差異性

2014年11月19日星期三

child selector 與 descendant selector的差異性

<style type="text/css">
div{
font-size:x-large;
background-color:black;
}

//descendant selector 後代
div span{
background:red;
}

//child selector 孩子
div > span{
background:blue;
}

</style>

<body>
<div><span>123</span><span>456<span>789</span></span></div>
</body>

結果：

沒有留言:

張貼留言

訂閱：張貼留言 (Atom)