1

我目前在这个网站上工作，并且无法弄清楚为什么这不应该工作。我希望在每个 controlnav 链接的底部和顶部放置小边框（见幻灯片右侧），如果有人得到任何指针 itd很棒... http://limerickfc.hailstormcommerce.com/cms/

.nivo-controlNav a + a {
border-top: 1px solid #000000;
}

为了清楚起见，我将包含更多的 CSS，以便您可以看到我在说什么......

.nivo-controlNav {
text-align:center;
position:absolute;
right:-180px;
height:474px;
width:180px;
top:0px;
z-index:8;
}

.nivo-controlNav a {
cursor:pointer;
height:68px;
padding: 13px 20px;
width:140px;
display:block;
background: url('http://limerickfc.hailstormcommerce.com/cms/wp-content/themes   /limerickfc/images/slideshowBg.jpg') scroll 0 0 transparent;
background-repeat: repeat-y; 
color: #6ED5FF;

}

谢谢！

4

2 回答 2

1

使用 Firebug 查看附加页面后，您已在内联样式表中声明了此样式

#slider a {
    border: 0 none;
    display: block;
}

如果删除边框：0 无；将出现边框线，它当前正在覆盖您的 NivoControlNav 样式。

于 2012-09-13T14:34:15.393 回答
1

有两个违规的 CSS 规则

.nivoSlider a {
    border:0;
    display:block;
}

您的选择器的特异性.nivo-controlNav a + a略高于，因此您的选择器应该胜出。但是，也有这样的规则：.nivoSlider a

#slider a {
    border:0 none;
    display:block;
}

此规则中的 ID 比您的更具体。border从此规则中删除该属性，或向您的选择器添加一个 ID 以使其更具特异性。

更多关于CSS 选择器的特殊性。

于 2012-09-13T14:36:42.320 回答