2010-01-23 18 views
8

¿Cómo puedo aplicar un bloque de estilo CSS a varias clases diferentes? Por ejemplo, tengoAplicación de un estilo CSS a varios patrones

<div class="foo">...</div> 
<div class="bar">...</div> 

... 

.foo .bar ??? // This selector should apply to both classes 
{ 
    font-size:50%; 
    ... 
} 

Respuesta

5

utilizar una coma:

.foo, .bar { 
.... 
} 

Lo contrario, la aplicación de múltiples clases a un solo elemento es posible también:

<html> 
<head> 
    <style type="text/css"> 
     .foo { 
     } 
     .bar { 
     } 
    </style> 
</head> 
<body> 
    <!-- 
     space separated list of classnames 
     to apply multiple css classes to a single element. 
    --> 
    <div class="foo bar">...</div> 
</body> 
</html> 
Cuestiones relacionadas