親divクラスを使用して子divを制御する

クリックしたときにモーダルを呼び出すことができる長方形のボックスがあります。ボックスの内側には、ラベルと展開アイコンがあります。親divクラスを使用して子divを制御する

<div class="clickable-box" ng-click="openRetailerGraphDetails()" data-toggle="modal" data-target="#g-retailer-purchases-graph"> 
 
     <div class="dashboardBox clearfix"> 
 
       <div class="pull-left dashboardBoxLabel purchases"> 
 
        <h4 class="dashboardBoxLabeltext"> 
 
          {{RetailerPurchases}} RETAILER PURCHASES 
 
        </h4> 
 
        <span class="dashboardBoxLabel2"> 
 
          For the current month 
 
        </span> 
 
       </div> 
 
       <img class="pull-right expand-icon" src="themes/img/dashboard/expand.svg" /> 
 
     </div> 
 
     </div>

私は、全体のクリック可能なボックスが推移したとき0.7に0からimgタグ内の展開アイコンの不透明度を変更したいです。どうすれば達成できますか？

編集：Here`s CSS

.clickable-box { 
    cursor: pointer; 
} 

#dashboard .expand-icon { 
    width: 20px; 
    margin-top: 13px; 
    margin-right: -10px; 
    margin-bottom: -25px; 
    opacity: 0; 
    }

出典

2017-03-23 JkAlombro

あなたは:hover疑似クラスを使用することができます。

#dashboard .clickable-box:hover img.expand-icon { 
    opacity: 0.7; 
}

出典

2017-03-23 00:40:22 Dekel

は私のために働いていません。私はあなたがこの答えを改善するのに役立つかもしれない質問にさらに詳しい情報を追加しました。 – JkAlombro

更新を確認 – Dekel

クール、それは今動作します。ありがとう:) – JkAlombro

.clickable-box:hover img { 
    opacity: 0.7; 
}

出典

2017-03-23 00:41:35

（ほぼ）同じ回答がすでに掲載されており、 '' img'タグのクラスです。 – Dekel

彼は1分で私を打つように見える！ dang lolも同じように動作するはずです。乾杯。 –

あなたは私の答えをアップアップすることを歓迎しています:) "正しいとは言えません" - 正しいですが、将来的に彼は別のイメージをそこに追加します - iamgeはホバリングの不透明度も取得します（そして、）。 – Dekel

img.pull-right.expand-icon:hover { 
    opacity: 0.7; 
}

CODEPEN DEMO

出典

2017-03-23 00:51:31

私のために働いていません。私はあなたがこの答えを改善するのに役立つかもしれない質問にさらに詳しい情報を追加しました。 – JkAlombro

親divクラスを使用して子divを制御する

答えて

関連する問題