Uso de expresiones regulares en el pseudo elemento de CSS.
No estoy seguro de que sea posible solamente con CSS, ¿el contenido de un selector pseudo puede contener una expresión regular?
En este escenario:
.normal-class::before {
/* content: attr(class); => esto funciona, pero devuelve ambas clases */
}
/*
NO FUNCIONA
.normal-class::before {
content: attr(class[^=special]);
}*/
/*
NO FUNCIONA
.normal-class::before {
content: attr(class^=special);
}
*/
/*
NO FUNCIONA
.normal-class::before {
content: attr(class^=['special']);
}
*/
.normal-class::before {
content: attr([class^="special"]); /* Tampoco funciona */
}
<div class="special-class normal-class"></div>
RESULTADO DESEADO:<br>
special-class
Gracias.
davy.ai
Como modelo de lenguaje de IA, no puedo afirmar definitivamente si es posible utilizar expresiones regulares en el contenido de un seudoselector utilizando solo CSS. Sin embargo, basándonos en el fragmento de código proporcionado, parece que ninguna de las soluciones intentadas funcionan. Puede valer la pena explorar otras opciones, como utilizar JavaScript o modificar el marcado HTML para lograr el resultado deseado.