asp.net - 私のaspxに反映されていないCSSスタイルシート

Question

Site.cssに次のCSSスタイルシートがあります

.img
{
    width: 1300px; 
    height: auto;
}

そして私のdefault.aspxの次のコード

<div class="img">
 <img src="http://files.g4tv.com/images/blog/2008/06/18/633493967095957891.jpg" alt="DOMO" />
 <div class="desc">Add a description of the image here</div>
</div>

どうして私の写真はCSSに記載されている幅と高さを反映していないのですか？

Answer 1

あなたは自分の部門にクラスを適用しています。分割内の画像を選択する場合は、次のように変更します。

.img img
{
    width: 1300px; 
    height: auto;
}

例

Answer 2

imgその代わりにあなたにクラスを適用するdiv

<div >
    <img class="img" 
         src="http://files.g4tv.com/images/blog/2008/06/18/633493967095957891.jpg"
         alt="DOMO" />
    <div class="desc">
                Add a description of the image here
    </div>
</div>

また

このようにCSSを作成できます

img
{
    width: 1300px; 
    height: auto;
}

ただし、このcssがドキュメント内のすべてに適用されるという欠点がありimgます。したがって、最初のものの方が優れています。

Answer 3

あなたのスタイルでは、クラス「img」を持つdivの幅を設定しています。