活動頁面：將鼠標懸停雪碧

Question

的狀態

我與這個網頁的： glustik.com/dustreeproductions/index.php

我試圖讓「活動頁面」導航顯示爲這樣的「主動 - 頁」。

我在標記中有body_company的身份標記標記。

這是第一個導航按鈕的CSS規則：公司

background:url(../images/navigation/nav-company.png) no-repeat; 
display:block; 
text-decoration:none; 
width:103px; 
margin:20px 27px 0 20px; 
height:20px;} 
#nav ul li#company a:hover { 
background-position:0 -20px;} 
#nav ul li#company a:active { 
background-position:0 -40px;} 
body #body_company #company a { 
background-position:0 -40px;} 

初步認識HTML標記：

body id="body_company" 

我已經嘗試了一些不同的東西，不能似乎得到它顯示的當它在頁面上時處於活動狀態。

Answer 1

你有body和#body_company之間的空間，它應該是：

body#body_company #company a { 

或者只是：

#body_company #company a { 

編輯：的另外一個問題：爲 「正常」 狀態的選擇#nav ul li#company a比有源選擇器具有更高的特異性/值：

#nav ul li#company a 

01級聯高於個

得分：

body#body_company #company a 

所以，你將不得不使用：

#company a /* for the normal state */ 

或類似的東西：

body#body_company #nav #company a /* for the active state */ 

我只想用#company a的建議正常狀態下，如果你的身份證號碼是唯一的（他們應該是無論如何...），這就足夠具體了。