Foros del Web » Creando para Internet » CSS »

Como identificar correctamente un enlace con CSS

Estas en el tema de Como identificar correctamente un enlace con CSS en el foro de CSS en Foros del Web. Cita: <ul> <li> <a href=""></a> <----------- Modificar padding <ul> <li> <a href=""></a> <----------No tocar </li> </ul> </li> </ul> Se trata del menú de un tema ...
  #1 (permalink)  
Antiguo 05/06/2015, 04:26
 
Fecha de Ingreso: agosto-2013
Mensajes: 4
Antigüedad: 11 años, 3 meses
Puntos: 0
Como identificar correctamente un enlace con CSS

Cita:
<ul>
<li>
<a href=""></a> <----------- Modificar padding
<ul>
<li>
<a href=""></a> <----------No tocar
</li>
</ul>
</li>
</ul>
Se trata del menú de un tema wordpress. Quiero reducir el padding lateral del menú principal para que quepa junto al logo, pero al modificarlo, el submenú también modifica su padding, algún consejo????
Gracias

Hasta ahora he hecho lo siguiente
ul.clase li a {padding} No se como modificar el enlace correcto...
  #2 (permalink)  
Antiguo 05/06/2015, 05:20
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 2 meses
Puntos: 578
Respuesta: Como identificar correctamente un enlace con CSS

Prueba seleccionando solo los hijos directamente inferiores a él:

Código CSS:
Ver original
  1. ul.clase > li > a {
  2.   padding: 20px;
  3. }


Última edición por PHPeros; 05/06/2015 a las 13:12 Razón: pzinada
  #3 (permalink)  
Antiguo 05/06/2015, 09:43
 
Fecha de Ingreso: agosto-2013
Mensajes: 4
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Como identificar correctamente un enlace con CSS

Ha funcionado perfectamente, muchas gracias
  #4 (permalink)  
Antiguo 05/06/2015, 12:49
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como identificar correctamente un enlace con CSS

Cita:
Iniciado por PHPeros Ver Mensaje
Prueba seleccionando solo los hijos directamente inferiores a él:

Código CSS:
Ver original
  1. ul.clase > li > a {
  2.   padding: 20px;
  3. }

Como decía @Rafael, no existen los hijos indirectos. Así pues selector de hijo.
__________________
(:
  #5 (permalink)  
Antiguo 05/06/2015, 13:11
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 2 meses
Puntos: 578
Respuesta: Como identificar correctamente un enlace con CSS

Pues yo a mis nietos los trataría como si fuesen hijos, no sé tú

Etiquetas: correctamente, enlace
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:03.