2010-01-20 30 views
142

Farklı isimlere sahip iki sınıfın CSS'de aynı özelliği kullanmasını istiyorum. Kodu tekrarlamak istemiyorum. Stilleri aynı anda birden çok sınıfa nasıl uygularım?

.abc { 
 
    margin-left:20px; 
 
} 
 
.xyz { 
 
    margin-left:20px; 
 
}
<a class="abc">Lorem</a> 
 
<a class="xyz">Ipsum</a>
hem sınıflar aynı şeyi yapıyoruz yana

, ben birine birleştirmek gerekir. Bunu nasıl yapabilirim?

cevap

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

aradığınız budur.

+2

+1, tam olarak aradığım şey. Daha sonra, her ikisine de uygulamak istemediğiniz özellikler için .abc ve/veya .xyz için ikinci, ayrı bir girişe sahip olabilirsiniz. .xyz {font-weight: bold;} .xyz bold ve marj-left'ed değerini 20px ile ancak .abc sadece margin-left'ed yapmak için birleştirir. – RyanfaeScotland

42

Virgül ile ayırarak aynı özelliğin birden fazla CSS beyanlarını:

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

CSS'niz tekrarlayın etmeyin

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

VEYA

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

Sanırım abc, bir sınıf ismi ve bir diğeri gibi xyz anlamına geliyordu. Öneriniz, ortak özelliklerin ortak bir isim kullanmasını, gereksiz ve kafa karıştırıcı olan soruları göz önünde bulundurmaktır. – Arete

İlgili konular