2012-11-20 23 views
0

進出口編碼相當長的一段時間,但它似乎我以前從來沒有這個問題,或者我就忘的好辦法,所以是煩人:)訪問鏈接的屬性會覆蓋當前頁面項目

我有一個WordPress站點成立,菜單鏈接是一個:(文本)

定義的CSS(部分):

link (color:white;) 
visited (color:white;) 
hover (color:black;) 
active (color:black) 

現在的問題是,我定義

當前菜單項目

在wordpress中,除字體顏色之外的所有接縫改變... 它似乎「visited」正在重寫顏色... 如何解決這個問題?

CSS:

#pages ul li { float: right; display: block; height: 37px; padding: 0px; } 
     #pages ul li a:link { float: left; color: #FFF; display: block; height: 29px; font-size: 11px; padding: 7px 20px 0px 20px; margin: 0px; } 

#pages ul li a:visited {float: left; color:#fff; display: block; height: 29px; font-size: 11px; padding: 7px 20px 0px 20px; margin: 0px;} 

#pages ul li a:hover { background-position: top; background-repeat: no-repeat; margin: 0px; color: black;} 
#pages ul li a:active {background-position: top; background-repeat: no-repeat; margin: 0px; color: black;} 
.current-menu-item a:link, .current-post-ancestor a:link, .current-menu-parent a:link, .current-post-parent a:link {background-position: top; background-repeat: no-repeat; margin: 0px; color:black; } 
+0

你能告訴我們你真正的CSS嗎?您似乎已經排除了大量選擇器。 – Quentin

回答

1

CSS層次

您的選擇器只有2層深。當前菜單項a:鏈接,當前後祖先a:鏈接,.current-menu-parent a:鏈接,.current-post-parent a:鏈接

wordpress選擇器是深度4級#pages ul li a:visited,並且它有一個ID,這使得它的權重超過了你的css規則。

嘗試在您的css規則中添加一個id和選擇器,以供瀏覽器讀取並覆蓋WP的css規則。

0

確保您的菜單CSS是,用於設置鏈接樣式的css文件加載後,訪問,懸停等

或者以前是不可能使當前-menu項風格的顏色屬性很重要!

.current-menu-item { 
    color: #000 !important; 
} 
+0

不要使用'!important',它是隻能工作一次的大錘。 – Quentin

+0

我完全同意這一點:)雖然有時候一個人只需要一個快速補丁,因爲一個生氣的客戶端不會讓所需的時間做得正確:) –