section内の全てのimgにcssを適用したい

Question

<section>

<h3>hogeプロフィール</h3>
<div class="staff">

<img src="IP-test.jpg" alt="STAFF"align="left">

<h5>hogehoge</h5>
<ul>
<li>hoge</li>
</ul>

<br class="kaigyo">
</div>
<!-- /staff -->

<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">
<img src="IP-test.jpg" alt="STAFF"  align="left">

</section>

section内の全てのimageのサイズを一括で指定したいです。
各imgにクラスを指定するのではなく、sectionにクラスを指定してsection内の全てのimgタグに変更を適用する方法があれば教えて下さい。

ブラウザの種別。バージョンは考慮なくて結構です。

Comments

[kei344]

ご自身で書かれたCSSを質問文に追記いただいたほうが回答を得られやすいと思います。

[Akirana]

.section hoge {
width:100px;
}
としておりました。

Answer 1

以下のようにすればできると思います。

<section class="hoge"></section>

.hoge img {
    width:100%;
}

Comments

[Akirana]

実現できました。
ありがとうございました。