2010-08-31 3 views
1
.features img{...} 

Je comprends .features est la classe CSS personnalisée et div est l'élément HTML. Mais je ne comprends pas quel genre de relation cette syntaxe va construire entre eux?Questions de syntaxe CSS

Répondre

3

Cette syntaxe ne construit aucune relation entre la classe .features et une div.

Le style que vous avez fourni est le style de toute balise enfant <img> contenue dans une classe .features.

Ces deux seraient valables et appliquer le style donné à l'image:

<div class="features"> 
    <img src="myImg.png" /> 
</div> 

et

<table class="features"> 
    <tr> 
     <td><img src="myImg.png" /></td> 
    </tr> 
</table> 

Si vous voulez préciser que votre classe était seulement applicable à divs, vous le feriez besoin de changer la déclaration à:

div.features img { } 
+0

Cette syntaxe définit la portée en d'autres termes, pour l'élément spécifié à l'en d de cette définition. Puis-je avoir une définition de portée imbriquée ou seulement deux éléments? – Pablo

+0

Vous pouvez augmenter la portée comme vous le souhaitez: 'div.features div span a img' sélectionnerait une image à l'intérieur d'une balise' 'dans une div imbriquée dans un div avec les fonctionnalités de classe. Il n'y a pas de limites :) – Kyle

+0

Vous pouvez certainement les imbriquer. Une utilisation extrêmement courante de l'imbrication est les menus de style qui sont pilotés par une liste non ordonnée. –