Estilo para 2 clases de la misma etiqueta html

Enviado por keopx el Mar, 29/09/2009 - 09:16
p.italic {color: blue;}
p.underline {text-decoration: underline;}
p.large {font-size: 120%;}
p.small {font-size: 70%;}
p.underline.small {font-variant: small-caps;}

Esto no suele suceder mucho, pero alguna vez nos ha interesado el tener mas de una clase para una misma etiqueta html. Bueno pues muy fácil decirle que si están las 2 darle cierto aspecto.

Yo lo he utilizado en el caso de Drupal.

De esta forma:

.not-logged-in.node-type-recorrido #sidebar-left {
background: transparent url(images/info.png) no-repeat scroll top center;
height:317px;
}

Se pone una clase y pegado la otra que este a la misma altura.

Otro ejemplo quizás mas claro:

p.italic {color: blue;}
p.underline {text-decoration: underline;}
p.large {font-size: 120%;}
p.small {font-size: 70%;}
p.underline.small {font-variant: small-caps;}

 

Añadir nuevo comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.

HTML Restringido

  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Saltos automáticos de líneas y de párrafos.
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.