2013-09-24 49 views
-1

我想用CSS複製現有菜單的樣式。選擇器的問題

的CMS平臺,我使用自帶的navgation給出的造型。我在它下面添加了一個新菜單,並試圖使它看起來與原來的一樣。我向包含導航的div添加了一個ID「wpmenu」,但選擇器不選擇。我創建了一個jsfiddle,但jsfiddle的作品!

這是很無奈,我不知道要找誰。 HTML和CSS的位置:http://jsfiddle.net/nRrKW/

,這似乎是失敗的特定選擇是#wpmenu li a

再次,它工作在的jsfiddle但不是在我的網站,該網站是在這裏:advance.trashswag.com。

我早就預料到看到下面的CSS應用到新創建的UL導航欄的「wpmenu」專區內:

#wpmenu li a { 
     display: block; 
     position: relative; 
     padding: 7px 12px; 
     color: #fff; 
     overflow: hidden; 
     text-transform: uppercase; 
     font-size: 120%; 
    } 

但是,如果我再在網站上檢查元素,造型不適用於那些一個元素。

任何人都可以指出我在這裏失蹤了什麼?

+0

生活網站上的哪個css文件是這種風格? –

+0

查看您網站的CSS文件的來源,但是我找不到使用Firefox搜索的「wpmenu li a」。 – Pietu1998

+0

它被稱爲style.css,雖然我無法在檢查元素資源中看到它。這是一個主題「加文」。我對CMS結構的理解有點有限 –

回答

1

似乎你不有#wpmenu li a風格 你也有一個無效的規則令牌這裏:

#wpmenu ul { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
}} 

這可能修復它!

+0

非常感謝!沒有像一雙清新的眼睛 –

+2

沒有像_validating_你的代碼,所以你甚至不必打擾另一雙眼睛... – CBroe