etiquetas - selectores avanzados css

CSS cómo orientar 2 atributos?

Question

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?

Answer 1

Puede usar atributos múltiples de la siguiente manera:

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

Answer 2

Simplemente puede encadenar los selectores de atributos

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

Answer 3

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.