web-dev-qa-db-fra.com

Que signifie! Default dans une valeur de propriété css?

Le code Twitter bootstrap a beaucoup de propriétés CSS avec un !default à la fin.

Par exemple.

p {
  color: white !default;
}

Qu'est-ce que !default faire?

MISE À JOUR

Mon mal de ne pas être clair. J'utilise la partie SASS de Bootstrap.

csstwitter-bootstrapsass
67
Coffee Bite

Twitter Bootstrap utilise MOINS pour autant que je l'ai vu. D'autre part, !default fait en fait partie de Sass , et est utilisé pour donner des variables Sass ($var) valeurs par défaut, ce qui la rendrait invalide dans votre contexte donné, même dans Sass .

De plus, je n'ai trouvé aucune référence à !default in la documentation LESS , et à ma connaissance, elle est exclusive à Sass. Êtes-vous sûr d'avoir trouvé cela dans la source de Bootstrap et pas ailleurs? Parce que honnêtement, je ne me souviens pas avoir vu le code Sass/SCSS dans les feuilles de style de Bootstrap.

Pour ce que ça vaut, le seul jeton valide qui commence par ! en CSS est !important, que vous connaissez peut-être déjà .

43
BoltClock

! default est souvent utilisé dans Bootstrap Sass. Il est similaire à un reverse! important. Toutes les variables Bootstraps sont définies à l'aide de! default pour permettre au développeur de personnaliser davantage le bootstrap. Avec! default sass ne définissez une variable que si elle n'a pas déjà été définie.

Cela permet plus de flexibilité.

//Example1 Dress color = red
$auroras-dress-color: blue;
$auroras-dress-color: red;

//Example2 Dress color = red
$auroras-dress-color: blue !default;
$auroras-dress-color: red;

//Example3 Dress color = blue
$auroras-dress-color: blue;
$auroras-dress-color: red !default;

Donc pourquoi est-ce important? Bootstrap est un package. La plupart des gens ne modifient pas la source Bootstrap. NE METTEZ JAMAIS À JOUR LA SIGNE BOOTSTRAP SOURCE. Pour personnaliser bootstrap vous allez ajouter votre propre fichier variable et le compiler avec le code bootstrap mais ne touchez jamais le package natif bootstrap. Bootstrap la page de sass a le skinny complet sur la façon de le personnaliser et de le compiler dans les documentations.

Je ne sais pas pourquoi moins ne fait pas ça. Je n'ai pas beaucoup travaillé avec moins et je ne sais pas s'il a sa propre gestion de variables intégrée.

Exemple de violon https://jsfiddle.net/siggysid/344dnnwz/

62
Sarah M Giles