css悬停，主动效果不正常

我不明白为什么“a”元素的默认颜色设置为＃2bb673，当它必须是＃222。我做错了什么？还我使用的引导css悬停，主动效果不正常

<div class="our-work"> 
     <a href="#our-work" class="our-work">Our Work</a> 
    </div>

CSS

.our-work a { 
     color:#222; 
    } 

.our-work a:link {text-decoration: none; color: #2bb673;} 
.our-work a:visited {text-decoration: none; color: #2bb673 ;} 
.our-work a:hover {text-decoration: none; color: #2bb673;} 
.our-work a:active {text-decoration: none; color: #2bb673;}

Jsfiddle

来源

2015-09-18 Viktor

您的小提琴链接不包含任何内容 – ochi

[FTFY]（http://jsfiddle.net/8h98f84k/1/） –

'a：link {}'覆盖'a {}'。另外，用逗号分隔的选择符替换你的重复规则：'.our-work a：visited，.our-work a：hover，.our-work a：active {} – LcSalazar

根据你的问题，这将解决它：

.our-work a:link {text-decoration: none; color: #222;} 
.our-work a:visited {text-decoration: none; color: #2bb673 ;} 
.our-work a:hover {text-decoration: none; color: #2bb673;} 
.our-work a:active {text-decoration: none; color: #2bb673;}

a:link是要覆盖a，所以你需要把＃222的颜色在里面。

但是，请记住，您已将a:visited伪类颜色设置为绿色，因此如果您访问过该链接（测试？），它仍然会显示为绿色，即使您修复了CSS以显示未访问链接上的＃222颜色。

解决方案：

变化都a:link和a:visited至＃222
更改每4个州的不同的颜色，同时搞清楚了这一点，所以你可以看到哪些伪类实际上是影响了a元件。然后，如果你仍然无法弄清楚，请更新你的问题，更详细地描述你需要的实际结果。

编辑：原来的问题没有指定OP是使用bootstrap。这个解决方案将与干净的CSS一起工作，但不会摆脱默认情况下使用引导程序发生的蓝色“已访问”状态。

来源

2015-09-18 19:04:19 Andrea

如果我这样做它的工作与干净的CSS，但我也使用bootstrap并访问链接颜色是深蓝色，我需要修复它 – Viktor

我强烈建议你添加这样的事实，这是引导到你的问题 - 这肯定会有所不同，以什么将解决您的问题！ – Andrea

.our-work a {}适用于所有国家，然后你去指定每个状态是这样的：

.our-work a:link {text-decoration: none; color: #2bb673;}

a:link覆盖默认值说明你之前指定的。

因此，只需删除a:link样式，或将其更改为#222即可。

来源

2015-09-18 18:47:37 wwwmarty

...最有可能也会覆盖只是更具体一些，无论顺序如何，都是优先的。 – adrenalin

@wwwmarty没有帮助， – Viktor

应该工作。你是否能够看到改变，如果你删除访问的样式？ – cocoa

css悬停，主动效果不正常

回答

相关问题