Question

我认为我特别愚蠢。我有一个链接，它是导航栏的一部分。它取消了悬停/访问的风格但由于某种原因我无法理解它不会使用'链接'风格，我做错了什么？这是样式表和标签：

<table border="1" cellpadding="0" cellspacing="0" style="width:950px;height:37px;">
                        <tr>
                            <td style="width:157px;height:37px; line-height:37px;">
                                <span class="test">
                                    <a href="Default.aspx">Home</a>
                                </span>
                            </td>...

的CSS：

.test a:link {
background-image: url('Images/Button_Home.png');
display:block;
font-family:Arial;
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}

.test a:hover {
background-image: url('Images/Button_Over.png');
display:block;
font-family:Arial;
font-size:9pt;
font-weight:bold;
color:#000;
text-align:center;
vertical-align:middle;
text-decoration:none;
}

.test a:active{
display:block;
text-align:left;
}

我检查得非常彻底，没有什么（应该）干扰这个，事实上在这个页面上只有3个链接，没有其他风格，没有，呃。

谢谢R。

Answer 1

也许已经访问过了。试试这个：

.test a:link, .test a:visited {
... style rules ...
}

Answer 2

它在IE8和FF3.5中对我来说非常适合 - Images/Button_Home.png是否存在？

Answer 3

清除缓存。确保'Images / Button_Home.png'确实存在。为该选择器添加一些其他样式 - 大边框或不同颜色或其他东西 - 以便您可以判断选择器是否真的不起作用，或者它是否只是一条不同的行。

另外，请屏住呼吸。去喝点水。随便走走。当你回来时会更有意义。

Answer 4

我没有对此进行测试，所以这只是一个猜测，但我今天早些时候遇到了类似的问题我正在研究一个项目......

...您的'test'类位于span元素而不是链接上。特别是IE（特别是IE＆lt; 7）在链接方面可能非常有气质，如果我记得很清楚，IE有一个关于悬停状态只能在链接元素上正常运行的事情（尽管你的风格在悬停时工作正常，显然在这种情况下，特定的悬停问题不是问题。

考虑到你所展示的HTML样本，你的CSS非常有意义，但有时候，将样式放在链接元素本身而不是它包含元素上的问题就少了（而且我今天早些时候因为我的问题而做了什么）。

<a class="test" href="Default.aspx">Home</a>

...可能会有所作为，但如果没有，我建议加强......如果你不确定继承的顺序或事情变得非常复杂，你不确定是否其他样式与样式冲突，选择使用哪种选择器的好工具是John Allsopp的XRAY和MRI书签 - http://www.456bereastreet.com/archive/200710/css_diagnostics_with_xray_and_mri/

只需将它们拖放到浏览器的书签栏即可。 XRAY为您提供您点击的任何屏幕元素的元素，ID和类，以及它的位置和边距，填充和边框信息，以及继承性层次结构。当您点击屏幕上的任何元素时，MRI会为您提供元素的建议选择器，然后您可以将其复制并粘贴到文本编辑器中。要激活它们，只需在浏览器上放置它们时单击它们，然后会出现浮动叠加层，当您单击元素时会显示有关该元素的所有相关信息。当我无法弄清楚为什么风格没有像我预期的那样表现时，我发现它们都是无价的。

一个href没有拿起样式

4 个答案: