问题描述
|
这应该是一个简单的解决方案,但是我不确定为什么会这样。我有一个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告诉我该测试在test div之外使用。换句话说,在完全不使用测试的完全不同的页面上,我可以看到正在使用测试类。
解决方法
CSS不能那样工作。您必须为每个定义#test。例:
#test p a:link,#test p a:visited,#test p a:hover,#test p a:active {
color: #FFFFFF;
}
,#test p a:link,a:visited,a:hover,a:active {color: #FFFFFF;}
应该
#test p a:link,#test p a:active {color: #FFFFFF;}
您忘了将每个链接伪类的引用添加到test
div