selectores etiquetas ejemplo avanzados adyacente css css-selectors

etiquetas - selectores avanzados css



CSS cómo orientar 2 atributos? (3)

Puede usar atributos múltiples de la siguiente manera:

input[type=submit][value=Delete] { /* some rules */ }

OK si quiero apuntar a una etiqueta <input> con type="submit" puedo hacerlo así:

input[type=submit]

Además, si quiero apuntar a una etiqueta <input> con value="Delete" puedo hacerlo así:

input[value=Delete]

Pero, ¿cómo puedo orientar una etiqueta <input> con AMBAS?


Simplemente puede encadenar los selectores de atributos

input[type="submit"][value="delete"]


input[type=submit][value=Delete]

Estás encadenando selectores. Cada paso reduce los resultados de búsqueda:

input

encuentra todas las entradas.

input[type=submit]

lo reduce a enviar, mientras

input[type=submit][value=Delete]

lo estrecha a lo que necesita.