ここから本文です

htmlとcssを勉強しているのですがimgタグにwidthやpaddingをcssで適用させたかった...

uuu********さん

2020/5/2922:45:44

htmlとcssを勉強しているのですがimgタグにwidthやpaddingをcssで適用させたかったのですが
.class名 img{
では適用できなかったのですがimgタグ本体にclassを与えたところ適用されました。
どうしてでしょうか?

閲覧数:
5
回答数:
4

違反報告

回答

1〜4件/4件中

並び替え:回答日時の
新しい順
|古い順

編集あり2020/5/3022:53:11

.class名 img { css }
だとclass名の中にあるimgタグにだけcssが適用されます。この事が影響したということです。

leg********さん

2020/5/3017:10:50

.classname img{
width:なんちゃら
}

これだと「classnameの中にあるimg」
が対象になります。


.classname{
width:なんちゃら
}
<img src="hugahuga" class="classname">
と、imgにclassをあてることで対象になります



img{
width:なんちゃら
}

『img』全部が対象にります


.classname,img{
width:なんちゃら
}

『class="classname"』と『img』全部が対象になります

プロフィール画像

カテゴリマスター

ybb********さん

2020/5/3008:55:14

uuu********さん

>・・・・.class名 img{ では適用できなかった・・・・・・・・・・

その記述が間違いだからです。

ご参考に↓
https://web-manabu.com/html-css16/#i-2
http://www.tohoho-web.com/css/basic.htm#Selector

tig********さん

2020/5/3000:46:30

.classname img {
width:100px;
}

これで適用されますが、これより後で、

img {
width:50px;
}

といった別の指定があればそちらが優先されます。

試しに、

.classname img {
width:100px !important;
}

として強制してみてください。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる