类中的 CSS 类

Question

我有一个页面，我试图在其中使用大量 CSS。我有一个包含背景和所有内容的主包装类，然后是其中的一个内容类。在内容类中，我有各种文章的 ID。在其中一些文章中，我希望图像右对齐，但我似乎无法做到这一点。据我所知

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

应该对图像应用 picha(即右对齐，设置边框)...但它没有。

这是如何处理的？或者更好的是，有没有一种方法可以在不专门针对图像的 ID 中为图像设置规则？即，文本以一种方式处理，但以该 ID 发布的所有图像都会得到特殊处理。

编辑-如此更新的尝试:CSS 有:

div.article {

    border: solid;
    background-color:red;
    }

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

页面有:

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

图片显示并对齐，但在文本下方和文本框外，我希望它在文章框内非常整齐，但在右侧。如果我将 float left 添加到文本，那么文章框会拉伸(stretch)，但图像会保留在文本下方。

edit2- 我是一个愚蠢的新手。必须在文字之前有图像。完成!

Answer 1

如果你想访问这个嵌套的div，你可以按照@Aquillo 说的去做。

或者这样做:

.article .picha
{
 /*Your css*/

}

和

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

}