Comment définissez-vous les sélecteurs d'attributs en SASS ?

Question

En CSS, vous pouvez faire cela :

input[type=submit] {
  // propriétés
}

C'est très utile pour styler les boutons de formulaire.

Comment faites-vous la même chose en SASS ?

Answer 1

Vous pouvez également le imbriquer comme ceci

entrée 
  & [type="submit"] 
    .... 
  & [type="search"] 
    ....

Answer 2

Ce site de conversion dit:

input[type=submit]
  // propriétés

Answer 3

J'utilise celui ci-dessous dans mon projet.

.bg-brand-3 {
  background-color: black;
  &[type="button"]:enabled {
    &:hover {
      background-color: orange;
    }
    &:active {
      background-color: green;
    }
  }
  &[type="submit"] {
    // css
  }
}

Le :enable a la même signification que :not(:disabled)