html - 整体 div 上的链接颜色

Question

所以我有一个 div，其中整个东西都是一个 anchor 标记，我试图控制颜色在悬停时的显示方式并获得不同的结果。希望我能用 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

您需要像这样定位 anchor 标记的不同状态:

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