Question

我想当你将鼠标悬停在“营销”上时，链接会变为红色。我不太清楚为什么这不起作用？下划线正在工作，但不是悬停。

<div class="service small">
  <i class="fa fa-tablet"></i>
  <a href="artikler/marketing.php"><h3 class="kompetenceLinks">Marketing</h3></a>
</div>

setText()

Answer 1

您的代码应该可以正常运行。确保没有其他规则覆盖您的悬停颜色（例如，使用!important声明或更高的特异性）。您可以在浏览器的开发人员工具的帮助下进行检查。

h3.kompetenceLinks {
  text-decoration: underline;
}
h3.kompetenceLinks:hover {
  color: red;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="service small">
  <i class="fa fa-tablet"></i>
  <a href="artikler/marketing.php"><h3 class="kompetenceLinks">Marketing</h3></a>
</div>

悬停在h3标签上无法正常工作

1 个答案: