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
