Classes CSS dans les classes

Question

J'ai une page où j'essaie d'utiliser beaucoup de CSS. J'ai une classe wrapper principale avec background et tout, puis une classe content dedans. Dans la classe de contenu, j'ai ensuite des ID pour différents articles. Dans certains de ces articles, j'aimerais que les images soient alignées sur la droite, mais je ne semble pas pouvoir le faire. D'après ce que je sais

<div class="article">   
    In 1904, Sunderland's management was embroiled in a payment scandaat he would repay the money after his benthe money, claiming it had been a gift. An investigation conducted by the as part of a "re-signing/win/draw bonus", which violated the Association's rules. Sunderland were fined £250 (£20 thousand today), and six directors were suspended for two and a half years for not showing a true record of the club's 
    <div class="picha"> 
      <img src="image/test.png"> 
    </div> 
    </a> 
</div> 

doit appliquer Picha (à savoir aligner à droite, définissez une bordure) à l'image ... mais il ne fonctionne pas.

Comment cela est-il géré? Ou mieux encore existe-t-il un moyen de définir des règles pour les images dans un ID qui n'est pas spécifiquement pour les images? c'est-à-dire que le texte est géré dans un sens mais toutes les images postées dans cet identifiant reçoivent un traitement spécial.

edit- donc mis à jour tentative: css a:

div.article { 

    border: solid; 
    background-color:red; 
    } 

div.article img{ 
    border: 10px solid #f1f1f1; 
    float: right; 
    } 

et page a:

<div class="article"> 
<a name="article1"> 
      random text 
     <img src="image/test.png"> 
</a> 
</div> 

L'image montre et alligns droit, mais est en dessous du texte et à l'extérieur de la boîte de texte, je Je l'aime bien à l'intérieur de la boîte de l'article, mais à droite. Si j'ajoute float à gauche au texte, la boîte d'article s'étire mais l'image reste en dessous du texte.

edit2- et je suis un novice stupide. J'ai dû avoir l'image avant le texte. Terminé!

Answer 1

Pourquoi ne pas utiliser ?:

div.article { 
    // This applies to all content 
} 

div.article img { 
    // This applies to the image 
} 

div.article span { 
    // This applies to everything inside a span 
} 

Vous pouvez écrire votre texte dans une période comme celle-ci:

<div class='article'> 
    <img src='' /> 
    <span>My text</span> 
</div> 

De cette façon, vous n'avez pas besoin div pour vous envelopper image .

Answer 2

Si vous voulez accéder à cette div imbriquée, vous pouvez soit faire comme @Aquillo dit.

Ou ceci:

.article .picha 
{ 
/*Your css*/ 

} 

et

.article .picha img 
{ 
/*Your img css*/ 

}