Aplicar una regla de CSS a dos clases al mismo tiempo

Código

Busco esto a cada rato así que me lo traigo aquí para acordarme y de paso compartirlo.

Una forma de tener limpio el CSS y de paso lograr que haga lo que deseamos sin volvernos locos es poder aplicar una misma regla de CSS (o varias) a distintas clases.

Lo que pasa es que tiene truqui porque no es sólo colocar una detrás de otra.

La sintaxis es como sigue:

.border-blue.background { ... } es para un item que tiene varias clases.
.border-blue, .background { ... } es para múltiples items cada uno con sus propias clases.
.border-blue .background { ... } es para un item donde '.background' es el hijo de '.border-blue'.

Particularmente la última es una que nos va a poder resultar muy útil ya que si hemos concatenado elementos uno dentro de otro tal vez queramos una regla que sólo afecte a esa última div, y sólo cuando está dentro de ese elemento y no otro.

Esta info está sacada del gran stackoverflow.

¡Ah! Y no olvides que en CSS puedes darle a un elemento varias clases de CSS sólo colocando los nombres uno detrás de otro, tipo:

<div class="clase-1 clase-2 clase-3">Mi contenido</div>
Suscribirte
Notificación de
guest

0 Comments
Inline Feedbacks
View all comments

+ SIGUE NAVEGANDO

Si publicas con licencia libre… déjame descargarlo porfa!

[caption id="attachment_505" align="alignleft" width="225"] Imagen del Círculo de Bellas Artes[/caption] Recuerdo perfectamente la primera vez que me enfrenté a un libro con licencia libre. Debía ser alrededor del 2002 ó 2003 y fué en la librería del Reina Sofía con el libro "Dominio Abierto. Conocimiento Libre y Cooperación" con ensayos de Michel Bauwens, Geert Lovink, Fernando Carbajo, Rubén Bl…

Test de micropublis

Vamos…

Búsquedas de documentos en varios idiomas con WPML y Custom Fields Search en WordPress

Si estás trabajando en una web multi-idiomas y quieres subir documentos que tengan campos personalizados, una cosa que vas a querer es un buscador potente que te sirva para hacer las búsquedas en base a esos campos personalizados. Voy a explicar aquí la forma que yo encontré en base a varios plugins bastante comunes pero que, de inicio, no ofrecen esa opción: WPML (Wordpress Multilingual Plugi…