서브 서브 클래스를 <style> 안에 지정할 수 있습니까?

Question

예 :

<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--> 

Answer 1

이 시도, 그것은 스스로 클래스 Style1를 가진 요소의 하위 사업부의 아이들 만의 이미지를 선택합니다.

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

Answer 2

네, 가능 - 그것을 밖으로 시도. 내가 사용 하겠지만

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

Answer 3

예. 이 CSS :

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

는 말한다 : 클래스로 Style1을 가진 다른 div에서의 차례로되어 div 요소 내의 모든 img 요소에 border: 3px red solid;을 적용합니다.

가 여기에 jsfiddle가 보여입니다 :

• http://jsfiddle.net/WZ3rk/