Link Farben auf insgesamt div

Question

Also ich habe ein Div, wo das ganze Ding ein Anker-Tag ist und ich versuche zu kontrollieren, wie die Farbe auf Schwebeflug ist und unterschiedliche Ergebnisse zu erhalten. Hoffentlich kann ich das nur mit CSS machen. Was passiert, ist beim Schweben, ein Text ändert sich, aber nicht der andere. Aber auch dann ist die Textdekoration unterstrichen noch anders. Ich will nur, dass alles schwarz bleibt, selbst wenn man den Mauszeiger berührt, aber beim Hover erscheint die URL-Unterstreichung im Text.

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

Und ein paar Screenshots von dem, was vor sich geht, und nach dem Schweben:

Answer 1

Th ist CSS wird alles in schwarz bleiben.

.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

Sie müssen die verschiedenen Zustände des Anker-Tag wie dies zum Ziel:

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