Цвета ссылок на общий div

Question

Итак, у меня есть div, где все это привязанный тег, и я пытаюсь контролировать, как цвет наводится и получает разные результаты. Надеюсь, я смогу сделать это с помощью только css. То, что происходит, это наведение, один текст меняется, но не другой. Но тогда также подчеркивание подчеркивания текста по-прежнему отличается. Просто хочу, чтобы все оставалось черным даже при наведении курсора, но при наведении указателя на текст появляется текст.

<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; 
}