2010-01-20 43 views
142

Quiero dos clases con diferentes nombres para tener la misma propiedad en CSS. No quiero repetir el código.¿Cómo puedo aplicar estilos a múltiples clases a la vez?

.abc { 
 
    margin-left:20px; 
 
} 
 
.xyz { 
 
    margin-left:20px; 
 
}
<a class="abc">Lorem</a> 
 
<a class="xyz">Ipsum</a>

Dado que ambas clases están haciendo lo mismo, yo debería ser capaz de fusionar en uno. ¿Cómo puedo hacer eso?

Respuesta

301
.abc, .xyz { margin-left: 20px; } 

es lo que estás buscando.

+2

+1, Exactamente lo que estaba buscando. También puede tener una segunda entrada separada para .abc y/o .xyz para las propiedades que no desea aplicar a ambas, p. .xyz {font-weight: bold;} se combinará para hacer .xyz en negrita y margin-left'ed en 20px, pero .abc solo margin-left'ed. – RyanfaeScotland

42

Puede tener varias declaraciones CSS para las mismas propiedades separándolas por comas:

.abc, .xyz { 
    margin-left: 20px; 
} 
11

no repita su CSS

a.abc, a.xyz{ 
    margin-left:20px; 
} 

O

a{ 
    margin-left:20px; 
} 
+1

Creo que 'abc' se entendía como un nombre de clase ... y' xyz' como otro. Su sugerencia es utilizar un nombre de clase común para las propiedades comunes que es innecesario y confuso, dada la pregunta. – Arete

Cuestiones relacionadas