Solución:
Lo que necesita se llama selector de atributos. Un ejemplo, usando su estructura html, es el siguiente:
div[class^="tocolor-"], div[class*=" tocolor-"] {
color:red
}
En lugar de div
puede agregar cualquier elemento o eliminarlo por completo, y en el lugar de class
puede agregar cualquier atributo del elemento especificado.
[class^="tocolor-"]
– comienza con “tocolor-“.
[class*=" tocolor-"]
– contiene la subcadena “tocolor-” que aparece directamente después de un carácter de espacio.
Manifestación: http://jsfiddle.net/K3693/1/
Puede encontrar más información sobre los selectores de atributos CSS aquí y aquí. Y de MDN Docs MDN Docs
Sí, usted puede hacer esto.
*[id^='term-']{
[css here]
}
Esto seleccionará todos los ID que comiencen con 'term-'
.
En cuanto a la razón para no hacer esto, veo dónde sería preferible seleccionar esta forma; En cuanto al estilo, no lo haría yo mismo, pero es posible.
Una solución alternativa:
div[class|="tocolor"]
coincidirá con los valores del atributo “class” que comienzan con “tocolor-“, incluidos “tocolor-1”, “tocolor-2”, etc.
Cuidado que esto no coincidirá
<div class="foo tocolor-">
Referencia: https://www.w3.org/TR/css3-selectors/#attribute-representation
[att|=val]
Representa un elemento con el atributo att, cuyo valor es exactamente “val” o comienza con “val” seguido inmediatamente por “-” (U + 002D)