Применение правил к нескольким классам с использованием соответствия *

Question

Мои имена классов генерируются динамически, и я пытаюсь применить к ним стиль, используя вид preg_match. Что-то вроде этого возможно?

<style> 
    .*_class { 
     border: 1px solid red; 
    } 
</style> 

<div id="a_class">a</div> 
<div id="b_class">b</div> 
<div id="c_class">c</div> 

Answer 1

Для этого вам необходимо использовать селектор атрибутов.

[id$="_class"] { 

} 

выше говорит, что-нибудь с id, который заканчивается _class должен быть выбран. Для получения дополнительной информации см. attribute selectors at MDN.

Answer 2

Возможно, передумайте, как генерируются ваши классы. В то время как Praveen's answer будет работать и напрямую отвечает на вопрос, селектора атрибутов могут быть неэффективными. Возможно, вам стоит подумать о том, что вы можете использовать более одного класса для каждого элемента. Например.

.class {color:#F00;} 
 
.a.class {font-weight:bold; font-size:2em;}

<div class="a class">a</div> 
 
<div class="b class">b</div> 
 
<div class="c class">c</div>