Vínculos secundarios de CSS usando Container Div CSS

Tengo 3 divs dentro de un div. He configurado CSS para diseñar enlaces para el div principal y el div secundario. Sin embargo, los enlaces div1 no parecen estar usando el estilo div1.

HTML

 <div id="content">
    <div class="div1">Sort By: <a href="" id="list_users_title" >A-Z</a> / <a href="" id="oneline">Genre</a></div>
        <div class="div2">
        <p>Random</p>
        </div>
        <div class="div3">
        <p>Random</p>
        </div>
    </div>

CO

.div1 {
font-family: 'Oswald', sans-serif;
font-size:16px;
color:#414042;
text-transform:uppercase;
text-align:right;
margin-top:-26px;
margin-bottom:18px;
}

.div1  a {color:#414042; text-decoration: none; }
.div1  a:visited {color:#414042; text-decoration: none;}
.div1  a:hover { color: #b91200; text-decoration: underline; }


#content  a {color: #b91200; text-decoration: none;}
#content  a:visited {color: #b91200; text-decoration: none;}
#content a:hover { text-decoration: underline; }

#content {
    float: left;
    width: 668px;
    margin-left:50px;
    margin-right:50px;
    padding-top:42px;
}

preguntado el 12 de junio de 12 a las 20:06

Funciona bien para mi: jsfiddle.net/9Wvbs -

No veo por qué ustedes dicen que "funciona bien" cuando los enlaces son rojos cuando claramente están destinados a ser grises. -

¿Cuál es tu estilo esperado? #content a anulará el estilo de .div1 a, ya que tiene una mayor especificidad. -

2 Respuestas

#content a tiene una mayor especificidad que .div1 a, por lo que los enlaces salen con un estilo de acuerdo con #content a. Intenta usar #content .div1 a en lugar de solo .div1 a.

Respondido el 12 de junio de 12 a las 20:06

Necesita hacer su estilo en cascada para que las etiquetas de anclaje .div1 sean más específicas:

#content .div1  a {color:#414042; text-decoration: none; }
#content .div1  a:visited {color:#414042; text-decoration: none;}
#content .div1  a:hover { color: #b91200; text-decoration: underline; }

Esto les permitirá anular el #contenido en una cascada de estilos.

Respondido el 12 de junio de 12 a las 20:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.