CSSを使用して親img要素のスタイルを適用する方法

Question

外側divクラスを使用してIMGに幅を設定したいとします。外側divとimageの間の構造はページごとに異なる可能性があるためです。

これを達成するための最良のCSS構文は何でしょうか？

<div class="my-div"> 
    <span class="my-variable-class"> 
     <a href="#" class="element-x"> 
      <img src="logo.png"> 
     </a> 
    </span> 
<div> 

は、これまでのところi'vが得た：

.my-div > img{ 
    width:200px !important; 
} 

Answer 1

Infuriatingly、CSSには親セレクタはありません。

あなたはimgのコンテナとスタイルにクラスを配置する必要があります。

.img_container { 
    max-width: 200px; 
} 

理論的に必要なことになっていないのに、私はまた、お勧め：

img { 
    width: 100%; 
} 

あなたは応答デザインをやっている、あなたはimg_containerになりたいので、我々はおよそmax-widthを話していると仮定nearly-モバイルでは全幅だが、より広い画面では制御不能にならない。そのためには、img_containerをwidth: 95%（または何でもかまいません）としてください。これは、の前に来て、のmax-widthの前に来る必要があります。