0

私は html に非常に不慣れで、Tumblr ブログの基本しか知りません。私の質問はおそらく非常に単純ですが、私はそれに非常に腹を立てており、修正しないと眠れないため、睡眠を失っています。だから私のコードの冒頭で、私は持っています：

.post img { width: 100%; }

そして、コードの後半で、私は次のようにしています：

div class="asker-info"><img src="{AskerPortraitURL-24}" alt="" class="asker-avatar" /> {Asker}></div>

ここでの問題は、誰かが私に質問するたびに、アバターが本来あるべきサイズの文字通り 20 倍に表示されることです。Google Chrome の「inspect 要素」で確認したところ、コードの .post img 部分がこのセクションの幅部分と相殺されることがわかりました。

.asker-avatar {
    float: left;
    width: 24px;
    margin: 5px 10px 5px 10px;
    }

私はとても怒っていて、何も意味がありません

4

3 に答える 3

0

CSSセレクター.post imgはセレクターよりも「より具体的」であるため、機能していません.asker-avatar。

.asker-avatarスタイルシートの下位に表示されるため、そのセレクターをオーバーライドしたいセレクターと同じくらい具体的.post imgにするだけで十分です。

私は CSS の特異性の専門家ではありません (この人.asker-avatarはそうです) が、セレクターを(注 - と の間にimg.asker-avatarスペースを入れないでください) に変更してみてください。img.

于 2013-10-11T08:55:30.883 に答える