¿Puedo usar variables o expresiones regulares para selectores en CSS?
Hola,
Tengo este markup:
john
george
jane
george
jane
Quiero mostrar solo a los usuarios que tienen el mismo dato de habitación que el padre div, por lo que escribí este CSS:
span { display: none; }
[data-users=”room2″] [data-room*=”room2″] { display: block; }
fiddle: https://jsfiddle.net/ehpt9f5z/2/
Sin embargo, como los datos en el padre div pueden cambiar a cualquier número de habitación, necesito una variable allí para que el selector CSS siempre coincida con los datos de la habitación del hijo con su padre, algo como esto:
[data-users=$1] [data-room*=$1] { display: block; }
¿Es posible con solo CSS?
Gracias.
davy.ai
Desafortunadamente, no es posible utilizar variables en los selectores de CSS. Deberá usar JavaScript para lograr el resultado deseado.