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 <josuem...@gmail.com> 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:#000000;
>> #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div
>> id contenedor y clase contacto}
>> #cuerpo.contacto input{...}
>> #cuerpo.contacto a {color:#cccccc;}
>>
>>
>> #pie{......}
>>
>> si la seccion producto y la seccion contacto son diferentes, puedes usar
>> lo siguiente.
>> <div id="cuerpo" class="productos">
>> <\div>
>>
>> <div id="cuerpo" class="contacto">
>> <\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 <cha...@gmail.com> 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 <t...@eragin.com> 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:
>>>>
>>>> <p class="claseA">texto</p>
>>>> <p class="claseB">texto</p>
>>>> <p class="claseA claseB">texto</p>
>>>>
>>>> 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
