伪类不起作用

时间:2011-05-26 04:38:36

标签: css

这应该是一个简单的解决方案,但我不确定为什么会这样。我有一个id为test的div,在div中,我有一个带有链接的段落标记。

目前,在测试类中,链接不可见,我不明白为什么。我想要一个全局伪类用于链接,我不想要任何特殊的东西。那应该是以下4行中的代码。

a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}

我想要做一些特别的事情,我可以参考下面的#test类,浏览器应该只在test div中使用该类,而不是其他地方。我对此不正确吗?

#test p a:link, a:visited, a:hover, a:active {color: #FFFFFF;}

FF告诉我测试正在测试div之外使用。换句话说,在一个完全不同的页面上,甚至没有使用测试,我可以看到正在使用测试类。

2 个答案:

答案 0 :(得分:3)

CSS无法正常工作。你必须为每一个定义#test。例如:

#test p a:link, #test p a:visited, #test p a:hover, #test p a:active {
    color: #FFFFFF;
}

答案 1 :(得分:0)

#test p a:link, a:visited, a:hover, a:active {color: #FFFFFF;}

应该是

#test p a:link, #test p a:visited, #test p a:hover, #test p a:active {color: #FFFFFF;}

您忘记为每个链接伪类添加对test div的引用