it-swarm.com.ru

Как я могу применить стили к нескольким классам одновременно?

Я хочу, чтобы два класса с разными именами имели одинаковое свойство в CSS. Я не хочу повторять код.

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

Поскольку оба класса делают одно и то же, я должен объединить их в один. Как я могу это сделать?

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

это то, что вы ищете.

426
Juraj Blahunka

Вы можете иметь несколько объявлений CSS для одних и тех же свойств, разделяя их запятыми:

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

Не повторяйте свой CSS

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

OR

 a{
    margin-left:20px;
 }
15
Nitekurs

Если вы используете следующее, ваш код может быть более эффективным, чем вы написали. Вы должны добавить еще одну функцию.

.abc, .xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

OR

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

OR

a {
margin-left:20px;
width: 100px;
height: 100px;
} 
1
Fatih Kaan AÇIKGÖZ