Saltar al contenido

comodín * en CSS para clases

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)

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *