Est-il possible de spécifier des sous-sous classes dans un <style>?

Question

Exemple:

<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

Essayez cela, il sélectionne uniquement les images qui sont les enfants d'un div qui sont eux-mêmes des enfants de l'élément avec la classe Style1.

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

Answer 2

Oui, il est possible - l'essayer. Bien que je voudrais utiliser

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

Answer 3

Oui. Ce CSS:

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

dit: appliquer border: 3px red solid; à tous img éléments dans un élément div, qui sont à leur tour dans un autre div qui a Style1 en tant que classe.

est ici un jsFiddle pour démontrer:

• http://jsfiddle.net/WZ3rk/