Чтобы выбрать элементы CSS, начинающиеся с определенного шаблона, вы можете использовать селекторы атрибутов CSS. Вот несколько методов, которые вы можете использовать:

1. [attribute^=”value”] — этот селектор соответствует элементам, атрибут которых начинается с указанного значения. Например, если вы хотите выбрать все элементы, класс которых начинается с «example», вы можете использовать .example[class^="example"].

2. [attribute|=”value”] — этот селектор соответствует элементам, у которых атрибут либо точно соответствует указанному значению, либо начинается с указанного значения, за которым следует дефис. Например, если вы хотите выбрать все элементы, атрибут языка которых начинается с «en», вы можете использовать [lang|="en"].

Псевдокласс

3. :is() — этот селектор позволяет группировать несколько селекторов вместе и выбирать элементы, соответствующие любому из сгруппированных селекторов. Например, если вы хотите выбрать все элементы h1, h2и h3, класс которых начинается с «title», вы можете использовать :is(h1, h2, h3)[class^="title"].

4. JavaScript/jQuery. Если вам нужна более сложная логика выбора, вы также можете использовать JavaScript или jQuery для выбора элементов на основе их атрибутов. Например, в jQuery вы можете использовать функцию filter()с настраиваемой функцией для выбора элементов, начинающихся с определенного шаблона.