Foros del Web - Lei... Y ya no encuentro cómo es que se utiliza atributo_x>atrib_b>atributo

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Lei... Y ya no encuentro cómo es que se utiliza atributo_x>atrib_b>atributo_c (http://www.forosdelweb.com/f53/lei-ya-no-encuentro-como-que-utiliza-atributo_x-atrib_b-atributo_c-394503/)

Anarko

17/05/2006 12:34

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 ?

Jorolo

17/05/2006 12:52

Hola Anarko.

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

Los espacios son opcionales.

Anarko

17/05/2006 13:05

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...

rkpost

17/05/2006 13:59

Código:

.parrafo.rojito{
 

}

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

Código:

.parrafo .rojito{
 

}

Código:

#parrafo.rojito{
 

}

aunque este ultimo presenta problemas en IE si se utilizan dos clases o mas sobre un mismo ID.

Jorolo

17/05/2006 14:24

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>

Anarko

18/05/2006 18:49

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 ?

Jorolo

19/05/2006 11:21

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í.

rkpost

19/05/2006 11:37

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>

La zona horaria es GMT -6. Ahora son las 10:15.