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

您需要定位锚标记的不同状态，如下所示：

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

Answer 2

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