2017-07-18 6 views
0

イメージの下のセレクタが動作していない理由は何ですか?CSS - img:セレクタではありませんか?

私はセレクターが画像の幅が20%にならないようにします。私は私のイメージが含まれているクラステストを選択しようとしています。

Codepen:https://codepen.io/anon/pen/gRNOgx

<style> 
img:not(.test){ 
    width:20%; 
} 
</style> 
<html> 
<div class="test"><img src="http://i.imgur.com/pMKpE40.jpg"></div> 
</html> 

答えて

2

セレクタは、それがtestクラスのメンバーでないとしてimg要素と一致します。

あなたは<img>で、class属性はまったくありません。

<div>testのメンバーであり、<img>はメンバーではありません。

:not(.test) > imgは、<img>と一致しませんが、すべての使用例をカバーしていない可能性があります。

CSSには、「セレクタに一致する祖先がない」とは言えません。

+0

サンプルコードを投稿できますか? –

+2

@DavidSomekh - しました! (私が言ったことの例が不可能であった場合を除き、そうでない場合は:いいえ、不可能です)。 – Quentin

+0

Thx quentin、あなたの答えは私が問題を理解するのを助けました。 –

関連する問題