Foros del Web » Creando para Internet » CSS »

consulta pequeña

Estas en el tema de consulta pequeña en el foro de CSS en Foros del Web. cual es la diferencia entre a.nombreDeLaClase {...} y nombreDeLaClase a {...} ??...
  #1 (permalink)  
Antiguo 05/03/2011, 21:13
 
Fecha de Ingreso: diciembre-2008
Mensajes: 121
Antigüedad: 15 años, 4 meses
Puntos: 1
consulta pequeña

cual es la diferencia entre

a.nombreDeLaClase {...} y nombreDeLaClase a {...}

??
  #2 (permalink)  
Antiguo 05/03/2011, 21:16
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 13 años, 4 meses
Puntos: 2
Respuesta: consulta pequeña

que el primero toma las clases dentro de la etiqueta <a> y el segundo toma esa clase en todo el documento
  #3 (permalink)  
Antiguo 05/03/2011, 22:14
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 20 años
Puntos: 8
Respuesta: consulta pequeña

En realidad el segundo toma todas las "a" dentro de .nombreDeLaClase
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño
  #4 (permalink)  
Antiguo 05/03/2011, 23:59
 
Fecha de Ingreso: diciembre-2008
Mensajes: 121
Antigüedad: 15 años, 4 meses
Puntos: 1
Respuesta: consulta pequeña

Cita:
Iniciado por braulito Ver Mensaje
En realidad el segundo toma todas las "a" dentro de .nombreDeLaClase
o sea la primera expresion aplica solo al ancla de clase nombreDeLaClase
y la segunda aplica a todas las anclas de clase nombreDeLaClase

toy bien?
  #5 (permalink)  
Antiguo 06/03/2011, 12:13
Avatar de braulito  
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 597
Antigüedad: 20 años
Puntos: 8
Respuesta: consulta pequeña

Código CSS:
Ver original
  1. a.nombreDeLaClase {...}
se aplica a todas las anclas que tengan la clase "nombreDeLaClase" es decir sólo a
Código HTML:
Ver original
  1. <a class="nombreDeLaClase">
Y
Código CSS:
Ver original
  1. .nombreDeLaClase a {...}
se aplica a todas las anclas que estén contenidas en un elemento que tenga .nombreDeLaClase es decir funcionará sólo en este contexto
Código HTML:
Ver original
  1. <div class="nombreDeLaClase">
  2.    <a href="blabla">enlace</a>
  3. </div>
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño

Etiquetas: pequeña
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 23:04.