控制使用父div類的子div 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>

我希望在整個點擊框懸停img標籤內展開圖標從0的不透明度改爲0.7。我怎樣才能實現它？

編輯：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

請注意（幾乎）已發佈相同的答案，並且您的答案缺少'expand-icon ''img'標籤的類。 – Dekel

看起來他打了我一分鐘！ dang lol應該也是一樣的。乾杯。 –

歡迎大家上傳我的答案:)有關「應該工作相同」 - 正確的，但是如果將來他會在那裏添加另一個圖像 - 這樣iamge也會得到懸停時的不透明度（他希望這個專門用於圖標）。 – Dekel

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

CODEPEN DEMO

來源

2017-03-23 00:51:31

不適用於我。我在這個問題中增加了更多細節，可以幫助你改進這個答案。 – JkAlombro

控制使用父div類的子div div

回答

相關問題