[Ovillo] encadenamiento de classes

2012-06-12 Thread Martin Etxauri 
Hola a todos

Esta vez no escribo para preguntar nada si no para poner algo que acabo de 
estar buscando, no encontrando muy fácilmente, y que por fin resulta que 
funciona.
y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo 
conocéis pero espero que a otros os ayude :) 

El asunto es el encadenamiento de classes de modo que:

si tienes esto:

texto
texto
texto

puedes poner:

.claseA { color:red; }
.claseB { color:blue; }
.claseA.claseB { color:black; }

y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo 
azul y en el tercero negro.

el IE6 no lo soporta pero a estas alturas a mi plín ;)

saludos a todos

Martin
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Carlos Núñez 
Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que
utilidad tiene? En que casos lo usas?

Es por desconocimiento mas que nada.

>> Carlos Núñez

El 12 de junio de 2012 15:00, Martin Etxauri  escribió:

> Hola a todos
>
> Esta vez no escribo para preguntar nada si no para poner algo que acabo de
> estar buscando, no encontrando muy fácilmente, y que por fin resulta que
> funciona.
> y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya
> lo conocéis pero espero que a otros os ayude :)
>
> El asunto es el encadenamiento de classes de modo que:
>
> si tienes esto:
>
> texto
> texto
> texto
>
> puedes poner:
>
> .claseA { color:red; }
> .claseB { color:blue; }
> .claseA.claseB { color:black; }
>
> y funciona, de modo que en el primer párrafo el texto será rojo, en el
> segundo azul y en el tercero negro.
>
> el IE6 no lo soporta pero a estas alturas a mi plín ;)
>
> saludos a todos
>
> Martin
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
>> Carlos Núñez
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Josué Miro 
Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones
#cabecera{..}
#cuerpo{...}
#cuerpo.productos {esto solo afectara a todos los elementos dentro del div id 
contenedor y clase productos}
#cuerpo.productos img {.}
#cuerpo.productos a{ color:#00;
#cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id 
contenedor y clase contacto}
#cuerpo.contacto input{...}
#cuerpo.contacto a {color:#cc;}


#pie{..}

si la seccion producto y la seccion contacto son diferentes, puedes usar lo 
siguiente.

<\div>


<\div>

Espero que te haya sido de ayuda

Josué Miró
Twitter: @josuemiro
Enviado desde mi iPad

El 12/06/2012, a las 15:13, Carlos Núñez  escribió:

> Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que
> utilidad tiene? En que casos lo usas?
> 
> Es por desconocimiento mas que nada.
> 
>>> Carlos Núñez
> 
> El 12 de junio de 2012 15:00, Martin Etxauri  escribió:
> 
>> Hola a todos
>> 
>> Esta vez no escribo para preguntar nada si no para poner algo que acabo de
>> estar buscando, no encontrando muy fácilmente, y que por fin resulta que
>> funciona.
>> y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya
>> lo conocéis pero espero que a otros os ayude :)
>> 
>> El asunto es el encadenamiento de classes de modo que:
>> 
>> si tienes esto:
>> 
>> texto
>> texto
>> texto
>> 
>> puedes poner:
>> 
>> .claseA { color:red; }
>> .claseB { color:blue; }
>> .claseA.claseB { color:black; }
>> 
>> y funciona, de modo que en el primer párrafo el texto será rojo, en el
>> segundo azul y en el tercero negro.
>> 
>> el IE6 no lo soporta pero a estas alturas a mi plín ;)
>> 
>> saludos a todos
>> 
>> Martin
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>> 
> 
> 
> 
> -- 
>>> Carlos Núñez
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Carlos Núñez 
Hola Josué esto que comentas es lo normal pero no es lo que expone Martin.
El anida dos clases, no id+clase como comentas.

Saludos

El 12 de junio de 2012 16:39, Josué Miro  escribió:

> Hola, normalmente se usa a la hora de maquetar un sitio con varias
> secciones
> #cabecera{..}
> #cuerpo{...}
> #cuerpo.productos {esto solo afectara a todos los elementos dentro del div
> id contenedor y clase productos}
> #cuerpo.productos img {.}
> #cuerpo.productos a{ color:#00;
> #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div
> id contenedor y clase contacto}
> #cuerpo.contacto input{...}
> #cuerpo.contacto a {color:#cc;}
>
>
> #pie{..}
>
> si la seccion producto y la seccion contacto son diferentes, puedes usar
> lo siguiente.
> 
> <\div>
>
> 
> <\div>
>
> Espero que te haya sido de ayuda
>
> Josué Miró
> Twitter: @josuemiro
> Enviado desde mi iPad
>
> El 12/06/2012, a las 15:13, Carlos Núñez  escribió:
>
> > Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que
> > utilidad tiene? En que casos lo usas?
> >
> > Es por desconocimiento mas que nada.
> >
> >>> Carlos Núñez
> >
> > El 12 de junio de 2012 15:00, Martin Etxauri  escribió:
> >
> >> Hola a todos
> >>
> >> Esta vez no escribo para preguntar nada si no para poner algo que acabo
> de
> >> estar buscando, no encontrando muy fácilmente, y que por fin resulta que
> >> funciona.
> >> y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya
> >> lo conocéis pero espero que a otros os ayude :)
> >>
> >> El asunto es el encadenamiento de classes de modo que:
> >>
> >> si tienes esto:
> >>
> >> texto
> >> texto
> >> texto
> >>
> >> puedes poner:
> >>
> >> .claseA { color:red; }
> >> .claseB { color:blue; }
> >> .claseA.claseB { color:black; }
> >>
> >> y funciona, de modo que en el primer párrafo el texto será rojo, en el
> >> segundo azul y en el tercero negro.
> >>
> >> el IE6 no lo soporta pero a estas alturas a mi plín ;)
> >>
> >> saludos a todos
> >>
> >> Martin
> >> ___
> >> Lista de distribución Ovillo
> >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> >> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>
> >
> >
> >
> > --
> >>> Carlos Núñez
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
>> Carlos Núñez
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Josué Miró 
Jaja pues mirándolo así... ahora entiendo tu pregunta.
Utilidad utilidad... no se la veo la verdad, viene a ser los mismo que el
#id.class ¿no?

Un saludo

El 12 de junio de 2012 16:44, Carlos Núñez  escribió:

> Hola Josué esto que comentas es lo normal pero no es lo que expone Martin.
> El anida dos clases, no id+clase como comentas.
>
> Saludos
>
> El 12 de junio de 2012 16:39, Josué Miro  escribió:
>
> > Hola, normalmente se usa a la hora de maquetar un sitio con varias
> > secciones
> > #cabecera{..}
> > #cuerpo{...}
> > #cuerpo.productos {esto solo afectara a todos los elementos dentro del
> div
> > id contenedor y clase productos}
> > #cuerpo.productos img {.}
> > #cuerpo.productos a{ color:#00;
> > #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div
> > id contenedor y clase contacto}
> > #cuerpo.contacto input{...}
> > #cuerpo.contacto a {color:#cc;}
> >
> >
> > #pie{..}
> >
> > si la seccion producto y la seccion contacto son diferentes, puedes usar
> > lo siguiente.
> > 
> > <\div>
> >
> > 
> > <\div>
> >
> > Espero que te haya sido de ayuda
> >
> > Josué Miró
> > Twitter: @josuemiro
> > Enviado desde mi iPad
> >
> > El 12/06/2012, a las 15:13, Carlos Núñez  escribió:
> >
> > > Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que
> > > utilidad tiene? En que casos lo usas?
> > >
> > > Es por desconocimiento mas que nada.
> > >
> > >>> Carlos Núñez
> > >
> > > El 12 de junio de 2012 15:00, Martin Etxauri 
> escribió:
> > >
> > >> Hola a todos
> > >>
> > >> Esta vez no escribo para preguntar nada si no para poner algo que
> acabo
> > de
> > >> estar buscando, no encontrando muy fácilmente, y que por fin resulta
> que
> > >> funciona.
> > >> y como me ha gustado bastante lo comparto por aquí. Seguro que muchos
> ya
> > >> lo conocéis pero espero que a otros os ayude :)
> > >>
> > >> El asunto es el encadenamiento de classes de modo que:
> > >>
> > >> si tienes esto:
> > >>
> > >> texto
> > >> texto
> > >> texto
> > >>
> > >> puedes poner:
> > >>
> > >> .claseA { color:red; }
> > >> .claseB { color:blue; }
> > >> .claseA.claseB { color:black; }
> > >>
> > >> y funciona, de modo que en el primer párrafo el texto será rojo, en el
> > >> segundo azul y en el tercero negro.
> > >>
> > >> el IE6 no lo soporta pero a estas alturas a mi plín ;)
> > >>
> > >> saludos a todos
> > >>
> > >> Martin
> > >> ___
> > >> Lista de distribución Ovillo
> > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > >> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > >> http://lists.ovillo.org/mailman/listinfo/ovillo
> > >>
> > >
> > >
> > >
> > > --
> > >>> Carlos Núñez
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> >> Carlos Núñez
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Nacho Diez-Quijada Argaya : 
Si pero no estando recomendado usar el mismo id varias veces podía dar juego
hacerlo de la otra manera. Por otra parte, ¿qué diferencia tendría con
respecto al habitual .class .class?

Un saludo.

-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Josué Miró
Enviado el: martes, 12 de junio de 2012 17:55
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] encadenamiento de classes

Jaja pues mirándolo así... ahora entiendo tu pregunta.
Utilidad utilidad... no se la veo la verdad, viene a ser los mismo que el
#id.class ¿no?

Un saludo

El 12 de junio de 2012 16:44, Carlos Núñez  escribió:

> Hola Josué esto que comentas es lo normal pero no es lo que expone Martin.
> El anida dos clases, no id+clase como comentas.
>
> Saludos
>
> El 12 de junio de 2012 16:39, Josué Miro  escribió:
>
> > Hola, normalmente se usa a la hora de maquetar un sitio con varias
> > secciones
> > #cabecera{..}
> > #cuerpo{...}
> > #cuerpo.productos {esto solo afectara a todos los elementos dentro del
> div
> > id contenedor y clase productos}
> > #cuerpo.productos img {.}
> > #cuerpo.productos a{ color:#00;
> > #cuerpo.contacto {esto solo afectara a todos los elementos dentro del
div
> > id contenedor y clase contacto}
> > #cuerpo.contacto input{...}
> > #cuerpo.contacto a {color:#cc;}
> >
> >
> > #pie{..}
> >
> > si la seccion producto y la seccion contacto son diferentes, puedes usar
> > lo siguiente.
> > 
> > <\div>
> >
> > 
> > <\div>
> >
> > Espero que te haya sido de ayuda
> >
> > Josué Miró
> > Twitter: @josuemiro
> > Enviado desde mi iPad
> >
> > El 12/06/2012, a las 15:13, Carlos Núñez  escribió:
> >
> > > Buenas, yo desconocía esta aportación por tu parte, pero pensándolo
que
> > > utilidad tiene? En que casos lo usas?
> > >
> > > Es por desconocimiento mas que nada.
> > >
> > >>> Carlos Núñez
> > >
> > > El 12 de junio de 2012 15:00, Martin Etxauri 
> escribió:
> > >
> > >> Hola a todos
> > >>
> > >> Esta vez no escribo para preguntar nada si no para poner algo que
> acabo
> > de
> > >> estar buscando, no encontrando muy fácilmente, y que por fin resulta
> que
> > >> funciona.
> > >> y como me ha gustado bastante lo comparto por aquí. Seguro que muchos
> ya
> > >> lo conocéis pero espero que a otros os ayude :)
> > >>
> > >> El asunto es el encadenamiento de classes de modo que:
> > >>
> > >> si tienes esto:
> > >>
> > >> texto
> > >> texto
> > >> texto
> > >>
> > >> puedes poner:
> > >>
> > >> .claseA { color:red; }
> > >> .claseB { color:blue; }
> > >> .claseA.claseB { color:black; }
> > >>
> > >> y funciona, de modo que en el primer párrafo el texto será rojo, en
el
> > >> segundo azul y en el tercero negro.
> > >>
> > >> el IE6 no lo soporta pero a estas alturas a mi plín ;)
> > >>
> > >> saludos a todos
> > >>
> > >> Martin
> > >> ___
> > >> Lista de distribución Ovillo
> > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > >> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > >> http://lists.ovillo.org/mailman/listinfo/ovillo
> > >>
> > >
> > >
> > >
> > > --
> > >>> Carlos Núñez
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> >> Carlos Núñez
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Martin Etxauri 
Aupa

Pues el caso concreto para mi ha sido el tener un menú donde cada elemento 
lleva un fondo diferente para lo cual tenía un class diferente cada cual, 
aparte teníamos un sistema para que al estar en cada sección la propia sección 
tuviese class="activo" de manera que cuando estas en una sección está marcado 
en el menú. Pero como en este caso cada sección ya tenía una clase específica 
para tener un fondo diferente resulta que en el "activo" también tenía que 
tener un fondo diferente. 
De manera que en vez de rehacer y poner una programación (que además no la hago 
yo) para que a cada elemento le pusiera class="activo_loquesea", mantenemos lo 
que ya teníamos, combinamos las dos class y ya está. De manera que si el 
elemento uno tiene class="uno" cuando está activo tiene class="uno activo" pero 
si le pongo un fondo a .activo el resto de elementos también lo cogerán, con lo 
cual le pongo el fondo a .uno.activo

A parte se me ocurre que en la fabricación de un grid también puede ser 
interesante a la hora de reutilizar los diferentes class de los elementos.

y bueno, si algo he aprendido en estos años de sacarle jugo a las css para 
conseguir diseño que me gusten es que siempre estas necesitando nuevos "trucos" 
para conseguir esto o aquello con la mayor economía de código y de trabajo, así 
que no me extrañaría que en breve lo use para algo mas :)

saludos




El 12/06/2012, a las 16:44, Carlos Núñez escribió:

> Hola Josué esto que comentas es lo normal pero no es lo que expone Martin.
> El anida dos clases, no id+clase como comentas.
> 
> Saludos
> 
> El 12 de junio de 2012 16:39, Josué Miro  escribió:
> 
>> Hola, normalmente se usa a la hora de maquetar un sitio con varias
>> secciones
>> #cabecera{..}
>> #cuerpo{...}
>> #cuerpo.productos {esto solo afectara a todos los elementos dentro del div
>> id contenedor y clase productos}
>> #cuerpo.productos img {.}
>> #cuerpo.productos a{ color:#00;
>> #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div
>> id contenedor y clase contacto}
>> #cuerpo.contacto input{...}
>> #cuerpo.contacto a {color:#cc;}
>> 
>> 
>> #pie{..}
>> 
>> si la seccion producto y la seccion contacto son diferentes, puedes usar
>> lo siguiente.
>> 
>> <\div>
>> 
>> 
>> <\div>
>> 
>> Espero que te haya sido de ayuda
>> 
>> Josué Miró
>> Twitter: @josuemiro
>> Enviado desde mi iPad
>> 
>> El 12/06/2012, a las 15:13, Carlos Núñez  escribió:
>> 
>>> Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que
>>> utilidad tiene? En que casos lo usas?
>>> 
>>> Es por desconocimiento mas que nada.
>>> 
> Carlos Núñez
>>> 
>>> El 12 de junio de 2012 15:00, Martin Etxauri  escribió:
>>> 
 Hola a todos
 
 Esta vez no escribo para preguntar nada si no para poner algo que acabo
>> de
 estar buscando, no encontrando muy fácilmente, y que por fin resulta que
 funciona.
 y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya
 lo conocéis pero espero que a otros os ayude :)
 
 El asunto es el encadenamiento de classes de modo que:
 
 si tienes esto:
 
 texto
 texto
 texto
 
 puedes poner:
 
 .claseA { color:red; }
 .claseB { color:blue; }
 .claseA.claseB { color:black; }
 
 y funciona, de modo que en el primer párrafo el texto será rojo, en el
 segundo azul y en el tercero negro.
 
 el IE6 no lo soporta pero a estas alturas a mi plín ;)
 
 saludos a todos
 
 Martin
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo
 
>>> 
>>> 
>>> 
>>> --
> Carlos Núñez
>>> ___
>>> Lista de distribución Ovillo
>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>> 
> 
> 
> 
> -- 
>>> Carlos Núñez
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
> 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listi

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Martin Etxauri 
Bueno, hay casos en los que utilizar un id puede no ser muy conveniente ;)

El 12/06/2012, a las 17:54, Josué Miró escribió:

> Jaja pues mirándolo así... ahora entiendo tu pregunta.
> Utilidad utilidad... no se la veo la verdad, viene a ser los mismo que el
> #id.class ¿no?
> 
> Un saludo
> 
> El 12 de junio de 2012 16:44, Carlos Núñez  escribió:
> 
>> Hola Josué esto que comentas es lo normal pero no es lo que expone Martin.
>> El anida dos clases, no id+clase como comentas.
>> 
>> Saludos
>> 
>> El 12 de junio de 2012 16:39, Josué Miro  escribió:
>> 
>>> Hola, normalmente se usa a la hora de maquetar un sitio con varias
>>> secciones
>>> #cabecera{..}
>>> #cuerpo{...}
>>> #cuerpo.productos {esto solo afectara a todos los elementos dentro del
>> div
>>> id contenedor y clase productos}
>>> #cuerpo.productos img {.}
>>> #cuerpo.productos a{ color:#00;
>>> #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div
>>> id contenedor y clase contacto}
>>> #cuerpo.contacto input{...}
>>> #cuerpo.contacto a {color:#cc;}
>>> 
>>> 
>>> #pie{..}
>>> 
>>> si la seccion producto y la seccion contacto son diferentes, puedes usar
>>> lo siguiente.
>>> 
>>> <\div>
>>> 
>>> 
>>> <\div>
>>> 
>>> Espero que te haya sido de ayuda
>>> 
>>> Josué Miró
>>> Twitter: @josuemiro
>>> Enviado desde mi iPad
>>> 
>>> El 12/06/2012, a las 15:13, Carlos Núñez  escribió:
>>> 
 Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que
 utilidad tiene? En que casos lo usas?
 
 Es por desconocimiento mas que nada.
 
>> Carlos Núñez
 
 El 12 de junio de 2012 15:00, Martin Etxauri 
>> escribió:
 
> Hola a todos
> 
> Esta vez no escribo para preguntar nada si no para poner algo que
>> acabo
>>> de
> estar buscando, no encontrando muy fácilmente, y que por fin resulta
>> que
> funciona.
> y como me ha gustado bastante lo comparto por aquí. Seguro que muchos
>> ya
> lo conocéis pero espero que a otros os ayude :)
> 
> El asunto es el encadenamiento de classes de modo que:
> 
> si tienes esto:
> 
> texto
> texto
> texto
> 
> puedes poner:
> 
> .claseA { color:red; }
> .claseB { color:blue; }
> .claseA.claseB { color:black; }
> 
> y funciona, de modo que en el primer párrafo el texto será rojo, en el
> segundo azul y en el tercero negro.
> 
> el IE6 no lo soporta pero a estas alturas a mi plín ;)
> 
> saludos a todos
> 
> Martin
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> 
 
 
 
 --
>> Carlos Núñez
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>> ___
>>> Lista de distribución Ovillo
>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>> 
>> 
>> 
>> 
>> --
 Carlos Núñez
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
> 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Martin Etxauri 
hola

>  Por otra parte, ¿qué diferencia tendría con
> respecto al habitual .class .class?


la diferencia está en un espacio :)

si pones .classA .classB es una elemento con classB que está dentro de uno con 
classA de modo que eso no le afecta al elemento que tiene classA si no al que 
tiene classB siempre que esté dentro de uno con classA:

contenido


sin embargo si pones .classA.classB es un elemento que tiene los dos class:
contenido

saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Plácido Luna 
Excelente la predisposición original, pocos publicamos nuestras
experiencias y conocimientos espontáneamente. Sí hay respuestas de muchos
miembros del grupo, otros plantean muchas preguntas y pocas respuestas, y
otros participamos muy esporádicamente (grupo en el cual me incluyo), pero
el hecho de publicar aportes como lo hizo Martín en este hilo aporta no
solo conocimiento sino dinámica a la lista (convirtiéndola así en una base
de conocimientos, no necesariamente a partir de consultas).

En mi caso, con mucho trabajo, ya que he cambiado no solo de ciudad, sino
de país, intento mantener una plataforma en la que esa es la idea, pero
participo de ovillo hace bastante y creo que este tipo de actitud
contribuye mucho a todos.

Gracias Martín y gracias para todos.
Saludos!
Plácido.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Miquel Ramon Ortega i Tido 
Muy buena inicitativa,

En mi caso ya conocía este comportamiento para CSS y de hecho lo uso mucho
combinado con JavaScript, ya que permite tener un estilo base para una
colección de elementos y a continuación añadir classes para diferenciarlos
y aplicar nuevas propiedades.

Es cierto que es lo mismo que hacerlo con ID, pero si como en mi caso
quieres aplicar la misma propiedad a varios elementos, cuando solo usas
clase puedes recorrer colecciones de elementos con selectores mucho mas
sencillo y por tanto el código queda, digamoslo así, más limpio.

Saludos,

*Miquel Ramon Ortega i Tido*

len...@gmail.com

about.me profile! 



El 12 de junio de 2012 18:14, Plácido Luna escribió:

> Excelente la predisposición original, pocos publicamos nuestras
> experiencias y conocimientos espontáneamente. Sí hay respuestas de muchos
> miembros del grupo, otros plantean muchas preguntas y pocas respuestas, y
> otros participamos muy esporádicamente (grupo en el cual me incluyo), pero
> el hecho de publicar aportes como lo hizo Martín en este hilo aporta no
> solo conocimiento sino dinámica a la lista (convirtiéndola así en una base
> de conocimientos, no necesariamente a partir de consultas).
>
> En mi caso, con mucho trabajo, ya que he cambiado no solo de ciudad, sino
> de país, intento mantener una plataforma en la que esa es la idea, pero
> participo de ovillo hace bastante y creo que este tipo de actitud
> contribuye mucho a todos.
>
> Gracias Martín y gracias para todos.
> Saludos!
> Plácido.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] encadenamiento de classes

2012-06-12 Thread Nacho Diez-Quijada Argaya 
Un espacio de más por lo menos ;).

Vale pero entonces es lo mismo esto...

.blancoGrande {
color: #FFF;
font-size: 10em;
}

Hola

que:

.blanco.grande {
color: #FFF;
font-size: 10em;
}

Hola

Me parece más optimizado de la primera manera aunque para otras cuestiones 
sí podría ser más útil la segunda :).

Gracias.

Un saludo.

-Mensaje original- 
From: Martin Etxauri
Sent: Tuesday, June 12, 2012 6:08 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] encadenamiento de classes

hola

>  Por otra parte, ¿qué diferencia tendría con
> respecto al habitual .class .class?


la diferencia está en un espacio :)

si pones .classA .classB es una elemento con classB que está dentro de uno 
con classA de modo que eso no le afecta al elemento que tiene classA si no 
al que tiene classB siempre que esté dentro de uno con classA:

contenido


sin embargo si pones .classA.classB es un elemento que tiene los dos class:
contenido

saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo