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

Question

[alexbog90]

В CSS есть множество похожих классов .item-1, item-2 и т.д. Скажем, 20 штук, для всех них в css нужно добавить одинаковые параметры:

.item-1,
.item-2,
.item-3,
.... 
.item-20 {
width: 50%;
......
}

Можно ли сгруппировать селекторы? Что-то вроде этого: .item-[1-20]? Или остается только добавить всем одинаковый класс?

Answer 1

[Сергей]

[class*="item-"] {...}
Но лучше присвоить им дополнительный одинаковый класс и обращаться к нему.

Comments

[alexbog90]

А как сгруппировать если разница в именах классов в середине? Например,
.item-1-description
.item-2-description

[Сергей]

[class*="-description"] {...}
Звёздочка означает, что селектор должен содержать указанное значение.