不能以類（.selected）

我在HTML和CSS新更改ID（#sidebar）的顏色和背景顏色，和我做我的第一個項目，並且已經面臨的一個問題。不能以類（.selected）

嗯，我已經創建了一個名爲側邊欄的ID，這樣我可以在頁面左側的子菜單，和一個名爲選定類將idenify實際選擇的子菜單。

<div id="sidebar"> 
    <h2>Sub Menu</h2> 
    <ul> 
     <li><a href="#">A</a></li> 
     <li><a href="#">B</a></li> 
     <li><a href="#" class="selected">C</a></li> 
     <li><a href="#">D</a></li> 
     <li><a href="#">E</a></li> 
     <li><a href="#">F</a></li> 
    </ul> 
</div>

然後在我的CSS 「的style.css」

#sidebar { 
    float: left; 
    width: 160px; 
    margin: 0; 
    padding: 0 1em 0 1em; 
} 
      /*SIDE MENU*/ 
#sidebar ul { 
    list-style: none; 
    margin: 0 0 20px 0; 
    padding: 0; 
} 
#sidebar ul li { 
    display: inline; 
    padding: 0; 
    margin: 0; 
} 
#sidebar ul li a { 
    display: block; 
    color: #385900; 
    background: inherit; 
    text-decoration: none; 
    margin: 0; 
    padding: 5px 0 5px 0; 
    border-bottom: 1px solid #C0C0C0; 
} 
#sidebar ul li a:hover { 
    text-decoration: none; 
    background: #E6E7E9; 
    color: #DA7910; 
}

這工作得很好，做什麼，我需要;

的問題，當我試圖改變顏色和所選擇的子菜單的背景色發生。 .selectd類無法將顏色更改應用於#sidebar ID，只有Font-weight和font-size按我的預期工作。

.selected { 
    color:white; 
    background-color:#385900; 
    font-weight:bold; 
}

我在做什麼錯了？什麼想念我？

在此先感謝！

來源

2015-09-04 Osceptrus

在CSS中，最具體的選擇器規則「贏」。請參閱：http：//codepen.io/anon/pen/meyxXr瞭解您想要的工作示例。也看到這個帖子了一個很好的解釋：http://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/ –

謝謝，我試圖.selected一個{}; #sidebar。選擇了{}，並且它無法正常工作。謝謝，我知道了解更好的嵌套程序，再次感謝 – Osceptrus

沒問題。祝好運與項目的其餘部分。 –

這是你學習CSS的所謂Specificity提前話題的一次。

而不是隻.selected使用#sidebar ul li a.selected增加CSS選擇器的特異性。

來源

2015-09-04 15:38:31 Barun

不能以類（.selected）

回答

相關問題