2013年12月24日 星期二

子選擇器 ( 大於符號 )

常看到網路的分享文都有人在選擇器裡寫個 『 >』，查了一下， 此符號是指：選擇老爸的所有兒子，但不包含孫子 (也不包含老爸自已)

<html>
<head>
<style type="text/css">
.div1 > p {
 color: yellow;
}
.div2 p {
 color: blue;
}
p[title] {
 color: red;
}
</style>
</head>

<body>

<div class="div1">
    <p>test
    </p>
    <span>
         <p>test
         </p>
    </span>
</div>
<div class="div2">
    <p>test
    </p>
    <p>test3
    </p>
</div>

<p title="t1">有title屬性的段落標籤</p>
<p>無title屬性的段落標籤</p>
</body>
</html>

ref : Here
張貼者：
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)