En CSS no existe una forma de hacer que los selectores de etiquetas no distingan entre mayúsculas y minúsculas. CSS es insensible a mayúsculas y minúsculas. Por lo tanto, si escribes tus etiquetas en minúsculas en HTML (como es la práctica recomendada), también deberías hacerlo en tu hoja de estilo CSS.
Si realmente necesitas manejar este problema, podrías considerar el uso de JavaScript o jQuery para cambiar el caso de tus etiquetas antes de que CSS las interprete.
Puedes usar JavaScript para seleccionar todos los elementos de la página y luego convertirlos en minúsculas. Así, tu CSS los leerá correctamente sin importar cómo los hayas escrito en tu archivo HTML.
Aquí un ejemplo de cómo podrías hacerlo:
```javascript
var all = document.getElementsByTagName(“*”);
for (var i = 0, max = all.length; i < max; i++) {
all[i].tagName = all[i].tagName.toLowerCase();
}
```
Ten en cuenta que cambiar los nombres de las etiquetas es generalmente una mala práctica. En su lugar, lo que podrías hacer es asegurarte de que los nombres de las etiquetas en tu HTML estén siempre en minúsculas. Esto no sólo es la práctica recomendada, sino que también te evita tener que lidiar con este problema en el primer lugar.
