Foros del Web » Creando para Internet » CSS »

Lei... Y ya no encuentro cómo es que se utiliza atributo_x>atrib_b>atributo_c

Estas en el tema de Lei... Y ya no encuentro cómo es que se utiliza atributo_x>atrib_b>atributo_c en el foro de CSS en Foros del Web. Hola, en algun manual lei que > se utiliza para que atributo X herede de atributo Y sus caracteristicas, pero le busco y no le ...
  #1 (permalink)  
Antiguo 17/05/2006, 13:34
 
Fecha de Ingreso: febrero-2004
Mensajes: 1.942
Antigüedad: 13 años, 9 meses
Puntos: 20
Lei... Y ya no encuentro cómo es que se utiliza atributo_x>atrib_b>atributo_c

Hola, en algun manual lei que > se utiliza para que atributo X herede de atributo Y sus caracteristicas, pero le busco y no le hallo.

Pueden recordarme eso plis.

Y la correcta sintaxis ?

Creo que no deben haber espacios...

Verdad ?
  #2 (permalink)  
Antiguo 17/05/2006, 13:52
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola Anarko.

No, la utilidad de ">" no es esa.
http://www.sidar.org/recur/desdi/tra...hild-selectors

Los espacios son opcionales.
  #3 (permalink)  
Antiguo 17/05/2006, 14:05
 
Fecha de Ingreso: febrero-2004
Mensajes: 1.942
Antigüedad: 13 años, 9 meses
Puntos: 20
A carambas!, gracias por la ayuda, podrias decirme como le hago tonces para que
Código HTML:
.parrafo.rojito{

}
Me herede los atributos de
Código HTML:
tabla.rojita
, o de h3.rojito ... o del que sea, pero que me herede para no tener que colocar de nuevo todo el CSS para solo cambiar por ejemplo el tamaño de la fuente...
  #4 (permalink)  
Antiguo 17/05/2006, 14:59
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
Código:
.parrafo.rojito{

}
que yo sepa eso no se puede hacer, a lo sumo

Código:
.parrafo .rojito{

}
o

Código:
#parrafo.rojito{

}
aunque este ultimo presenta problemas en IE si se utilizan dos clases o mas sobre un mismo ID.
  #5 (permalink)  
Antiguo 17/05/2006, 15:24
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola de nuevo

No sé si entendí la consulta.

Espero que este ejemplo te sirva:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>un ejemplo simple</title>

<style type="text/css">
.comun { background-color: silver; } /*las propiedades comunes*/
.parrafos { color: red; } /*las propiedades de los elementos con esta clase */
.divisiones { color: blue; } /*las propiedades de los elementos con esta clase */

#esteparrafo { border: solid red 1px; } /*propiedades solo para este elemento*/
</style> </head>
<body>
 <p class='comun parrafos' id='esteparrafo'>Esto es un párrafo especial</p>
 <p class='comun parrafos'>Esto es un párrafo</p>
 <div class='comun divisiones'>Esto es una división</div>
  <a href="http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#q22">css2</a>
 </body> </html> 
  #6 (permalink)  
Antiguo 18/05/2006, 19:49
 
Fecha de Ingreso: febrero-2004
Mensajes: 1.942
Antigüedad: 13 años, 9 meses
Puntos: 20
Muchas gracias Jorolo,

Tu ayuda funciona rebien.

Yo le llamaria a eso "Herencia CSS"

Es incorrecto ?

Y si, lo que quiero es aplicar grandes detalles a un grupo.

Luego, el grupo 2 sera identico excepto por ejemplo en el tamaño de la fuente.

Lo correcto es hacerlo con esto entonces ?
  #7 (permalink)  
Antiguo 19/05/2006, 12:21
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola Anarko.

Cita:
Yo le llamaria a eso "Herencia CSS"
Es incorrecto ?
Sí. es incorrecto por dos motivos:
1-Las cosas ya tienen nombre, no tiene sentido que inventes nonbres nuevos.
2-En css la herencia es otra cosa.
http://www.sidar.org/recur/desdi/tra...ml#inheritance

P.D. Tu segunda consulta no la entendí.
  #8 (permalink)  
Antiguo 19/05/2006, 12:37
 
Fecha de Ingreso: noviembre-2005
Mensajes: 117
Antigüedad: 12 años, 1 mes
Puntos: 0
Cita:
Iniciado por Anarko
Y si, lo que quiero es aplicar grandes detalles a un grupo.

Luego, el grupo 2 sera identico excepto por ejemplo en el tamaño de la fuente.

Lo correcto es hacerlo con esto entonces ?
podes escribir dos veces lo mismo con distinto font-size, pero no es practico.

Sino podes hacer

Código:
.estilo1 { lalalalal }
.estilo2 { font-size: lalala}

<div class="estilo1"> ....  </div>
<div class="estilo1 estilo2"> ....  </div>
o podes hacer

Código:
.estilo1 { lalalalal }
.estilo2 { font-size: lalala}

<div class="estilo1">
 ....
</div>

<div class="estilo1">
 <div class="estilo2">
  ....
 </div>
</div>
o tambien

Código:
.estilo1 { lalalalal }
#estilo2 { font-size: lalala}

<div class="estilo1"> ....  </div>
<div class="estilo1" id="estilo2"> ....  </div>
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 00:07.