Que el hijo no haga lo que dice el padre

[rogertm]

Hola, esto debe ser algo muy sencillo, incluso creo recordar haber dado solución en algún momento a algo así, pero ahora no tengo la menor idea.

El asunto es que tengo lo siguiente:

Código CSS:

a { color: #6dcff6; }
 
#content a:hover{
    color: #000000;
    background: #6DCFF6;
    }
 

Como ven, todos los links dentro de el contenedor #content, se muestran de color negro y fondo azulito en el evento hover. Pero dentro de #content tengo imágenes con links y no quiero que hereden esta propiedad, algo así:

Código CSS:

#content a img { que haga otra cosa }
 

Saludos y gracias de antemano...

[kseso?]

Hola Rogertm
Pues dale una muy mala educación y que salga (el hijo) muy desobediente.
Supongo que ya te imaginarás que tu título pasará a engrosar cierto tema por allá.

Bueno, al grano:

Código CSS:

#content a img, #content a:hover img {
background: transparent;
text-decoration: none;
}
 

si lo que quieres es evitar tanto el color de fondo (#6DCFF6) como el efecto de text-decoration.

P.D.: Y a la madre, ¿también la tiene que desobedecer?

[inturias]

Creo que ya esta respondido, pero como dato te puedo decir que este tipo de problemillas los resolvieras si usaras algun archivo reset.css donde preformatearias todos los elementos o simplemente usando:

*{mardin:0; padding:0; border:none;}

Saludos.

[rogertm]

Nnnnn... no me sale, la verdad que el CSS es una de las cosas que mejor se me da, pero esto como que me ha tupido la mente

A ver si me pueden ayudar un poquito mejor, aquí les dejo el link de un post cualquiera en mi blog (y de paso se divierten un poquito), que es donde tengo el problema, allí tienen una imagen vinculada y además al final del post hay un share link que igual le pasa lo mismo...

Iniciado por kseso?

Supongo que ya te imaginarás que tu título pasará a engrosar cierto tema por allá.

Engrosaré la filas de la historia...

[kseso?]

Bueno, es que es WP.

El problema, Inturias, es de herencias, no de los valores por defecto que aplica cada navegador (para eso es el reset, para anularlos/unificarlos).

Roger, el problema viene por estas reglas (línea 198 y siguientes de style.css)

#content a {
padding:0 2px;
}
#content a:hover {
-moz-border-radius:3px 3px 3px 3px;
background: #6DCFF6;
color:#000000;
}

El fondo #6DCFF6 unido a los 2px del padding.

Varias soluciones son posibles:
Borrar la 1ª | #content a {padding:0 2px;} |
Consecuencia: los enlaces del pie de cada artículo quedan un poco más juntos

Reconvertir esta regla en

#content .entry-meta a {
padding:0 2px;
}

Personalmente y sin haber visto a fondo otros efectos, me quedaría con esta última.

[rogertm]

Uhmmm... creo que si le doy en el evento hover un padding 0 y juego ampliando el margin, lograré lo que quiero...

Gracias y saludos