一个类的CSS问题

Question

你能帮我设置类slide锚的文本颜色吗？这里在http://jsfiddle.net/x7zpd/是我的问题显示。

<div id="menu-demo"> 

     <ul> 
      <li> 
       <div class="up"> 
        <a href="#">INICIO</a></div> 
       <div class="slide"> 
        <a href="#">INICIO</a></div> 
      </li> 

#menu-demo li a { 
    text-decoration:none; 
    color:#aaa; 
    font-size:20px; 
    font-family:Tahoma, Geneva, sans-serif;  
} 
.up { 
    margin-top:13px; 
    margin-bottom:40px; 
} 
.slide 
{ 
    background-color: #ffc; /* delete me */ 
    color: black; 
} 

Answer 1

在这里你去。

＃menu-demo li .slide a { background-color：#ffc;/*删除我*/ 颜色：黑色; }

...否则正常的a将具有优先权，因为它更内在，ID +层次结构对类有优先权。

Answer 2

锚标记也具有分配给它的颜色，并覆盖父容器的颜色。你也需要一个.slide A {color：＃000;}。