¿Hay alguna forma de hacer coincidir patrones con sass u otro lenguaje de plantillas CSS?

Me gustaría que se mostraran las imágenes de un naipe con CSS. Pero sería genial si hubiera un lenguaje de plantillas que pudiera establecer un estilo como:

.playing-card-(.*) {
   width: 30px
   height: 40px
   background-image: "/images/cards/$1.gif"
}

¿Existe tal cosa?

preguntado el 08 de noviembre de 11 a las 16:11

¿Estaría contento con una solución que le permita generar algo como lo anterior, pero recorriendo un conjunto fijo de valores? -

2 Respuestas

Me encantaría que esto existiera, pero cuando tuve que hacer tareas similares, tuve que confiar en el lado del servidor para escribir el background-image como un estilo en línea o use JS para hacerlo (por ejemplo, si estoy cargando los datos a través de AJAX).

respondido 08 nov., 11:20

No sé si existe alguna tecnología CSS que pueda hacer esto por usted. Aunque no es ideal, puede usar jQuery para lograr esto:

Comenzaría asignando una clase común a cada tarjeta "tarjetas", luego usando jQuery para iterar a través de cada elemento, asignando el CSS apropiado al elemento.

$('.cards').each(function(index,element) {
  $(element).css('background-image','url(images/cards/'+index+'.gif)');
});

respondido 08 nov., 11:22

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.