整體div上的鏈接顏色

Question

所以我有一個div，整個東西都是一個錨標籤，我試圖控制顏色懸停和變化的結果。希望我能用css做到這一點。發生的事情是盤旋，一個文本改變，但另一個不改變。但是，然後，文字裝飾下劃線仍然不同。只是希望它全部保持黑色即使懸停，但懸停時，URL下劃線出現在文字上。

<style> 
    .welTile > p:hover { 
     color: black; 
    } 
</style> 
<div class="col-md-4"> 
    <a href="#/mod1"> 
     <div class="welTile"> 
      <img src="assets/images/welcomeTile.png"> 
      <p>Module 1: Moneyball Concepts</p> 
      <p>Learn the basic concepts you need to successfully complete the other 5 modules</p> 
     </div> 
    </a> 
</div> 

和一對夫婦什麼前發生的截圖後徘徊：

Answer 1

Th是CSS將保持一切停留在黑色。

.col-md-4 a, .col-md-4 a:hover, .col-md-4 a:focus, .col-md-4 a:active { 
    color: black; 
    display:inline-block; 
    text-decoration: none; 
} 

Answer 2

您需要針對這樣的定位標記的不同狀態：

.col-md-4 a { 
    color: #000; 
} 
.col-md-4 a:hover { 
    color: #000; 
} 
.col-md-4 a:focus { 
    color: #000; 
} 
.col-md-4 a:active { 
    color: #000; 
}