锚定标记无法在悬停css上工作

我遇到了这个奇怪的问题，出于某种原因，我的锚定标记无法在悬停或活动状态下工作。锚定标记无法在悬停css上工作

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

subheaders a：link class only works，hover and active do not。

来源

2014-09-26 user3105158

您的网址无效。 – 2014-09-26 09:31:18

''在没有任何内容的情况下关闭链接元素。 – 2014-09-26 09:31:58

也遵循LVHA命令：http://stackoverflow.com/questions/25620839/why-hover-does-not-work-for-the-specified-class/25620903#25620903 – 2014-09-26 09:36:57

您在使用的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>

来源

2014-09-26 09:32:01

你一个标签是否还在与 A /关闭，只使用一个纯粹

来源

2014-09-26 09:32:05 jfornoff

取出/

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

还要检查你的CSS没有其他的样式发生冲突。

来源

2014-09-26 09:32:33 Alex

您不需要关闭这样的锚标签的第一部分。

这里是为你工作更新：http://jsfiddle.net/tyhzh8gt/1/

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

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

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

来源

2014-09-26 09:35:27

添加重要的;！

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

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

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

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

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

来源

2014-09-26 10:45:47

锚定标记无法在悬停css上工作

回答

相关问题