不能以类（.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）

回答

相关问题