div classの適応範囲について

CSSでimgファイルのサイズ変更をしようと思っているのですが、変更が適応されません。
div内のimgには反映されないのでしょうか。

imgにクラス指定すると反映されます。

HTML
1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <title>coding practice</title>
6    <link rel="stylesheet" href="./style.css">
7  </head>
8  <body>
9    <header>
10      <div class="header">
11       <div class="header-logo">
12        <img src="coding-Practice.png" alt="coding-Practice">
13       </div>
14      <div class="header-right">
15          <ul>
16            <li>top</li>
17            <li>My Challenge</li>
18            <li>Just Continus</li>
19          </ul>
20        </div>
21       </div>
22　　 </header>
23
24
25
26
27
28  </body>
29</html>
30
31

CSS
1コード
2.header-logo{
3  width:38%;
4}
5.header-right{
6font-size:7px;
7list-style: none;
8}

行動規範の内容に同意します

回答2件

ベストアンサー

div内のimgには反映されないのでしょうか。

正にその通りです。

継承なし

width - CSS: カスケーディングスタイルシート | MDN

そのため、初期値であるwidth: autoが有効になっています。

投稿2020/07/01 06:57

Lhankor_Mhy

総合スコア36960

naotoo

2020/07/02 00:40

そうなんですね。ご回答ありがとうございました。

行動規範の内容に同意します

css
1.header-logo img {width: 100%;}

これで <div class="header-logo"> のサイズ一杯になります

投稿2020/07/01 09:03

-millmill-

総合スコア676

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

div classの適応範囲について

関連した質問