CSS选项卡图像未在选定状态下反映

Question

正如你在图片中看到的那样，有一些名为welcome，aa，bb等的标签。现在，我提供的图像（tab.png）的标签颜色是蓝色但是我想设置不同的图像或者没有选中时的图像。这里选择了Welecome，我为所选条件提供了一个图像（tab_selected.png），但该图像没有渲染。或者，如果我没有在选定状态下提供任何图像，仍然tab.png正在反映。我能为此做些什么？

CSS：

#navigation a {

color:#FFFFFF;
display:block;
font:12px Arial, Helvetica, sans-serif;
margin:0 4px 0 0;
padding:3px 10px 4px;
text-decoration:none;
background-image:url(../images/tab.png);

}

#navigation .selected a {

background-image:url(../images/tab_selected.png);
border-bottom:1px solid #e0e0e0;
font-weight:bold;
color:#000;
padding-bottom:3px;
}

Answer 1

您将“选定”类应用于哪个元素？

如果它是锚元素（a），那么你的CSS规则应该是：

#navigation a.selected {

Answer 2

为网址添加了双引号。试试这个......

主要问题是由obfuskater发现的

#navigation a {

color:#FFFFFF;
display:block;
font:12px Arial, Helvetica, sans-serif;
margin:0 4px 0 0;
padding:3px 10px 4px;
text-decoration:none;
background-image:url("../images/tab.png");

}

#navigation a.selected {

background-image:url("../images/tab_selected.png");
border-bottom:1px solid #e0e0e0;
font-weight:bold;
color:#000;
padding-bottom:3px;
}