css問題，nivo controlnav邊框不出現

Question

即時在這個網站上工作，並且不能找出爲什麼這不應該工作.. 我希望在每個控制連接的底部和頂部放置小邊框（見上正確的幻燈片），如果任何人有任何指針ITD是巨大的...... http://limerickfc.hailstormcommerce.com/cms/

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

我只包括清晰更小一點的CSS所以你可以看到在談論什麼IM ...

.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; 

} 

謝謝！

Answer 1

已經使用Firebug看了看附頁你已經在你的內聯樣式表

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

如果您刪除邊框宣稱這種風格：0無;行會出現邊框，它正在覆蓋你的NivoControlNav風格。

Answer 2

有兩個問題的CSS規則

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

你的選擇，.nivo-controlNav a + a有稍微特異性比.nivoSlider a，所以您的勝出。但是，也有這樣的規則：

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

此規則中的ID使它比您的更具特異性。請從該規則中刪除border屬性，或將ID添加到您的選擇器以使其更具特異性。

更多關於CSS selector specificity。