所以我有一个 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>
还有两张悬停前后的截图:
最佳答案
您需要像这样定位 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;
}
关于html - 整体 div 上的链接颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42282369/