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