Selectores CSS de entrada múltiple [tipo]

Question

De acuerdo con la especificación W3 CSS, algo como: input[type~="text password"] debe seleccionar campos de entrada cuyo tipo esté configurado como "texto" o "contraseña", ¡pero no funciona! ¿He malinterpretado esta línea?

E [foo ~ = "warning"] Equivale a cualquier elemento E cuyo valor de atributo "foo" es una lista de valores separados por espacios, uno de los cuales es exactamente igual a "aviso".

CSS spec source, es el cuarto de la parte inferior de la tabla.

Answer 1

Sí, lo tienes por el camino equivocado. El selector es buscar dentro de una lista de espacios separados .. es decir

<element attribute="text password" />

se puede encontrar usando:

element[attribute~="text"]

La ventaja de esto es que no debe coincidir:

<element attribute="textual password" />

Espero que ayude?

para lograr lo que en realidad estamos tratando de hacer es un poco más detallado:

input[type="text"], input[type="password"]

Answer 2

Estás leyendo mal. E[foo~="warning"] seleccionará cualquier elemento que tenga una lista de advertencia de espacio separado. De esta manera: <el foo="test warning etc" />