是否可以指定<style>內的子子類？

例子：是否可以指定<style>內的子子類？

<style> div.Style1 div img { border: 3px red solid } </style> 
... 
<div class="Style1" id="divMain"> 
    <img src="http://someurl.com/someimg.jpg" /> <!--WON'T be styled--> 
    <div id="divSub"> 
     <img src="http://someurl.com/someimg.jpg" /> <!--WILL be styled--> 
    </div> <!--End of divSub--> 
</div> <!--End of divMain-->

來源

2010-11-21 Giffyguy

試試這個，它僅選擇是一個div的是自己與Style1類元素的兒童兒童形象。

.Style1 > div > img { 
    border: 3px red solid 
}

來源

2010-11-21 16:10:40 Jan

有趣。我喜歡這種類型的語法。使用'>'會有什麼副作用嗎？ – Giffyguy 2010-11-21 16:11:46

它只選擇直接的孩子，它也渲染得更快。 – Jan 2010-11-21 16:16:42

但它在IE6中不起作用。 – 2010-11-21 16:25:23

是的，這是可能的 - 嘗試一下。雖然我會用

div.Style1 div.divSub img { ... }

來源

2010-11-21 16:03:56

請問需要輔助div有class =「divSub」嗎？ – Giffyguy 2010-11-21 16:09:52

是的，這是正確的。 – Jan 2010-11-21 16:14:14

是的。這個CSS：

div.Style1 div img { 
    border: 3px red solid; 
}

說：適用border: 3px red solid;到div元素中的所有img元素，其又在另一個div有Style1爲一類。

這裏有一個的jsfiddle證明：

http://jsfiddle.net/WZ3rk/

來源

2010-11-21 16:07:02

是否可以指定<style>內的子子類？

回答

相關問題