Estilo cuando el anidado es inválido.

Idealmente, me gustaría que el texto de la etiqueta cambie de color cuando el valor de entrada sea inválido.

Ejemplo:

html

Idealmente, utilizaría algo como esto, pero no funciona porque es el lo que es inválido, no el :

css
label:invalid {
color: rojo
}

Tengo mi y configurados de esta manera para que no necesite pasar id’s a estos elementos.

Similar a esto, sin embargo, y no son hermanos: https://pretagteam.com/question/change-the-colour-of-a-label-when-an-input-is-invalid