Bueno probé el código de Anabel y casi que funciona al 100% pero me genera un border doble en los elementos hijos.
Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com>pe...@treswd.com Website: http://www.reynierpm.com Skype: reynierpm Mobile: +58 424.180.5609 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > En verdad, aprovecho y voy un poco más allá. > Una etiqueta siempre puede más tener de una clase, pero no más de un id ( > además > único en toda la web ). > > Podrías tener: > > <p class="fondo color tipo">Mi casa</p> > <p class="fondo color">Mi web</p> > <p class="fondo">Mi gadget</p> > <p class="color">Mi css</p> > > css: > p.fondo { background-color: blue; } > p.color { color: green; } > p.tipo { font-weight: bold; } > p.fondo.color.tipo { border: 1px solid red; } > > resultado: > Mi casa tendra borde rojo, fondo azul, color de texto verde y negrita en > letra. > Mi web tendra color de fondo azul y color de texto verde > Mi gadget tendrá fondo azul > Mi css tendrá color de fuente verde. > > Espero que sirva para aclarar todo más. > > Por cierto, +1 a la recomendación de Anabel. > > > > Un saludo > -- > Manuel Canga > Desarrollo creativo de > CMS y frameworks > Email: *i...@latrasweb.net* > Web: http://www.latrasweb.net > Twitter: http://twitter.com/latrasweb_net > > > > El 4 de septiembre de 2012 22:49, reynie...@gmail.com > <reynie...@gmail.com>escribió: > > > Interesante, exactamente eso es lo que estoy buscando mas no sabia que se > > podian "concatenar" por decirlo de alguna forma las clases de tal como lo > > haces tu en li.icon-event.current siempre pense hasta ahorita que era > > li.icon-event .current. Pruebo esta opción y te digo como me fue. > > > > Saludos y gracias > > Ing. Reynier Perez Mira > > eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com> > > pe...@treswd.com > > Website: http://www.reynierpm.com > > Skype: reynierpm > > Mobile: +58 424.180.5609 > > > > > > > > 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > > > > > Sí, perfectamente. Ya me quedo totalmente claro. > > > En estas listas hemos hablado en varias ocasiones > > > de unir clases css. Esa podría ser tu solución. > > > > > > Veamos: > > > > > > <ul class="box_content_navigation" > > > > > > > <li class="icon-home first"><a href="inicio">Inicio</a></li> > > > <li class="icon-blog has_children"><a href="cmvblog">Blog</a> > > > <ul> > > > <li class="subitem first"><a href="cmvblog/create">Crear > > > entrada</a></li> > > > <li class="subitem last"><a > > > href="cmvblog/categories">Categorías</a></li> > > > </ul> > > > </li> > > > <li class="icon-event current"><a href="event">Eventos</a></li> > > > <li class="icon-members"><a href="members">Directorio</a></li> > > > <li class="icon-friends last"><a href="relations">Amigos</a></li> > > > <li class="icon-messages"><a href="messages">Mensajes</a></li> > > > <li class="icon-account"><a href="edit-profile">Editar > > perfil</a></li> > > > <li class="icon-admincp hide-for-small"><a href="admin" > > > target="_blank">Panel de Control</a></li> > > > </ul> > > > > > > Fíjate que en li de eventos, le he añadido la clase current además > > > de la que ya tenía. > > > > > > ¿Cómo hacemos ahora para darle a ese elemento?. Así. > > > > > > li.icon-event.current { background: > > > url("../images/comvivem/icon_eventos_hover.png") > > > no-repeat scroll 0 4px transparent; background-color: #000 } > > > > > > > > > Fíjate, le he dicho al sistema css del navegador que quiero darle > estilo > > > a un li que tenga la clase icon-event y que ademas tenga la clase > > .current > > > Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego > > > ponemos todas las propiedades de estilo que queramos darle en ese caso. > > > > > > El li lo he puesto por clarificar, siempre lo hago así, pero no es > > > necesario. > > > > > > > > > Un saludo > > > -- > > > Manuel Canga > > > Desarrollo creativo de > > > CMS y frameworks > > > Email: *i...@latrasweb.net* > > > Web: http://www.latrasweb.net > > > Twitter: http://twitter.com/latrasweb_net > > > > > > > > > > > > El 4 de septiembre de 2012 22:37, reynie...@gmail.com > > > <reynie...@gmail.com>escribió: > > > > > > > Hola Manuel y gracias por tu respuesta, precisamente eso es lo que > > > quiero o > > > > sea cambiar el color del fondo del LI que toma clase "current" pero > > > > manteniendo el icono asociado a la mismo en el estado hover. Veamos > un > > > > ejemplo: supongamos que el li con class="icon-event" toma la clase > > > current > > > > tambien por lo cual quedaria li class="icon-event current" bueno si > se > > > dan > > > > de cuenta ese icon-event tiene un estado por default > > > > .icon-event{background: url("../images/comvivem/ico_ > > > > eventos.png") no-repeat scroll 0 4px transparent;padding: 0 0 0 > > > > 35px;cursor:pointer;border-bottom:1px dotted #CCCCCC} y uno para > cuando > > > se > > > > le hace un hover .icon-event:hover{background: > > > > url("../images/comvivem/ico_eventos_hover.png") no-repeat scroll 0 > 4px > > > > transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px > dotted > > > > #CCCCCC}. Lo que tendria entonces que hacer digamos seria algo como > > esto: > > > > .current {background: url("../images/comvivem/ico_eventos_hover.png") > > > > no-repeat scroll 0 4px transparent; background-color: #000} y > > funcionaria > > > > pero solo para este elemento, que pasas si ahora mi clase current > > > estuvera > > > > en li class="icon-members current"? Como entonces cambiaria al > > > > .icon-members:hover? Me hago entender? > > > > > > > > > > > > Ing. Reynier Perez Mira > > > > eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com> > > > > pe...@treswd.com > > > > Website: http://www.reynierpm.com > > > > Skype: reynierpm > > > > Mobile: +58 424.180.5609 > > > > > > > > > > > > > > > > 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net> > > > > > > > > > No te he entendido bien. Si lo que quieres es que > > > > > a un li con una clase current se le cambie el color de fondo > > > > > pero los iconos se mantengan como el hover. Añade > > > > > a los estilos de current la imagen del icono que tienes en el > hover. > > > > > > > > > _______________________________________________ > > > > 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 > > > _______________________________________________ > 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
