Você pode até utilizar o seletor ^=
do CSS que aplicará o estilo com base no prefixo do valor naquele atributo. Por exemplo, [class^="result_itens_"]
irá aplicar o estilo em todos os elementos que a class
inicia com o valor result_itens_
.
[class^="result_itens_"] {
width: 100px;
height: 100px;
background-color: red;
}
<div class="result_itens_id1255454">
</div>
O problema é quando o elemento possui essa classe, mas não é a primeira no elemento.
[class^="result_itens_"] {
width: 100px;
height: 100px;
background-color: red;
}
<div class="foo result_itens_id1255454">
Não ficarei vermelho
</div>
Pois agora class
inicia com foo
, não mais com result_itens_
. Há também o seletor *=
que é contém um valor.
[class*="result_itens_"] {
width: 100px;
height: 100px;
background-color: red;
}
<div class="foo result_itens_id1255454">
</div>
<hr>
<div class="my_result_itens_bla">
Por que fiquei vermelho?
</div>
Que contorna o problema de não ser a primeira classe no elemento, mas que permite gerar falsos positivos, pois irá aplicar o estilo em todos os elementos que possuírem, de qualquer forma, o valor result_itens_
no atributo class
.