html - anchor 标记不适用于悬停 css

Question

我遇到了这个奇怪的问题，出于某种原因，我的 anchor 标记在悬停或事件状态下不起作用。

<span class="subHeaders">
 <a href="" />First </a>
</span>

<span class="subHeaders">
 <a href="" />Second </a>
</span>

<span class="subHeaders">
 <a href="" />third </a>
 </span>


 // css
 .subHeaders a:link {
  text-decoration: none;
 }

.subHeaders a:active {
  color: yellow;
}
.subHeaders a:hover{
   cursor: pointer;
   color: red;
 }

副标题 a:link 类仅有效，悬停和事件无效。

Answer 1

您使用的 HTML 中有错误 <a/></a>你应该使用 <a></a> .使用这个:

<span class="subHeaders">
 <a href="" >First </a>
</span>

<span class="subHeaders">
 <a href="" >Second </a>
</span>

<span class="subHeaders">
 <a href="" >third </a>
 </span>