comodín * en CSS para clases



Answers

Sí puedes esto.

*[id^='term-']{
    [css here]
}

Esto seleccionará todas las identificaciones que comienzan con 'term-' .

En cuanto a la razón para no hacer esto, veo dónde sería preferible seleccionar de esta manera; en cuanto al estilo, no lo haría yo mismo, pero es posible.

Question

Tengo estos divs que estoy .tocolor con .tocolor , pero también necesito el identificador único 1,2,3,4, etc., así que lo estoy agregando como otra clase a tocolor-1 .

<div class="tocolor tocolor-1">   tocolor 1   </div>
<div class="tocolor tocolor-2">   tocolor 2   </div>
<div class="tocolor tocolor-3">   tocolor 3   </div>
<div class="tocolor tocolor-4">   tocolor 4   </div>

.tocolor{
  background: red;
}

¿Hay alguna forma de tener solo 1 clase en tocolor-* ? Intenté usar un comodín * como en este CSS, pero no funcionó.

.tocolor-*{
  background: red;
}



Si no necesita el identificador único para un mayor diseño de los divs y está utilizando HTML5, puede intentarlo con atributos de datos personalizados. Lea here o pruebe una búsqueda en google de HTML5 Custom Data Attributes




Related