希望するサイズの異なる同じクラス内で2つの画像を作成する方法は？

Question

私はクラスcbImageを持っており、すべての画像のためのCSSは今

.cbImage img { 
 
    width: 100%; 
 
    height: 100%; 
 

 
}

固定されて、私の問題は、私は同じ幅と高さのすべての画像が欲しいいけないということです。

さまざまな画像の幅と高さを変更する方法を教えてください。 1枚のパネルの

一つの画像：

<div class="cbImage w3"> 
 

 

 
\t \t <div class="panel"> 
 

 
\t \t \t \t <div class="form"> 
 

 

 
\t \t \t \t \t <div class="login">Recent badges</div> 
 

 

 

 
\t \t \t \t \t <span class="fa-stack fa-5x has-badge" data-count="6"> 
 

 
\t \t \t \t \t \t <div class="badgesize"> 
 

 
\t \t \t \t \t \t \t \t \t \t <img src="images/7.png" width=100, height=100 alt=""> 
 

 

 

 
\t \t \t \t \t \t \t \t </div> 
 

 
\t \t \t </span> 
 

 
\t \t \t </div>

その他の画像：

<div class="cbImage active signin agileits"> 
 

 
\t \t <form > 
 

 

 
\t \t \t <figure class="snip1336"> 
 
\t \t <img src="images\44.jpg" alt="sample87" /> 
 
\t \t <figcaption> 
 
\t \t  <img src="images\ownpic.jpg" alt="profile-sample4" class="profile" />

あなたはクラスの両方は、NAMを持って見ることができるようにe cbImage。

サイズが固定されています。

私は両方のクラスの画像が異なるサイズを持つことを望みます。

他にも多くのCSSがありますが、名前を変更して幅と高さを設定するだけではありません。

助けてください。

Answer 1

このようにすることができます。

<img class="example_class"> 
    <img class="example_class" style="width:60px;height:60px;"> 

あなたがスタイルを持っているかどうかは分かりませんが、そこにスタイルがあるかどうかは分かりません。

Answer 2

これを試してみてください。

// parent div 
<div> 
    <img class="example_image" src="image_path"> 
    <img class="example_image" src="image_path" style="width:yourimagewidth; height:yourimageheight;"> 

</div> 

あなたは、イメージのあなたの1を区別するためにインラインCSSを使用する必要があります。最初にあなたのインラインCSSのプロパティの値を受け取り、それから外付けCSSのために行くでしょう