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

Question

[hekiro]

Есть группа селекторов к которым надо применить одно и тоже правило.

#berocket_aapf_group-2-1 > div > ul
#berocket_aapf_group-2-2 > div > ul
#berocket_aapf_group-2-3 > div > ul
#berocket_aapf_group-2-4 > div > ul
#berocket_aapf_group-2-5 > div > ul
#berocket_aapf_group-2-6 > div > ul
#berocket_aapf_group-2-7 > div > ul

Как правильно их сгруппировать? В css есть что то на кшталт регулярных выражений?

Comments

[hekiro]

Смотри, эти идентификаторы принадлежал блокам фильтров. Я не верстаю сайт, а только лишь чучуть поправляю. Я не верстальщик, так что ссаными тряпками не бросать. Можно ли что бы эти айди все не прописывать через запятую, прописать как то так: #berocket_aapf_group-2-[0-9] > div > ul

Answer 1

[dicem]

Есть такой вариант, вполне рабочий

Answer 2

[Александр Таратин]

Comments

[Ярослав Иванов]

scss, ты серьезно ?

[hekiro]

Ярослав Иванов, Да. А что смущает?

[Ярослав Иванов]

hekiro, в том, что если вы задаете детский вопрос то о препроцесорах вы явно не знаете.

Answer 3

[profesor08]

На CSS это решается правильным селектором, регулярок там нет, но есть вещь попроще:

[id^="berocket_aapf_group"] {
  width: 10px;
  height: 10px;
  background: red;
}

https://www.w3schools.com/cssref/css_selectors.asp