J'ai importé les SCS de bootstrap à l'aide du code suivant i peut même modifier les variables de bootstrap par défaut comme: p> mais la chose Est-ce que je ne peux pas utiliser les couleurs de bootstrap dans mes propres sélecteurs CSS comme celui-ci, pourquoi le code suivant ne fonctionne pas? Il ne change pas la couleur. P> p>
aside a {
color: $success;
}
3 Réponses :
Le problème est que P> $ Succès code> n'est pas défini comme une variable SASS / SCSS, mais plutôt un var css var, par exemple - Succès code>:
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<aside>
<a href="#">link</a>
</aside>
Je l'ai essayé comme ça. ne fonctionne pas. Néanmoins, la couleur ne change pas. Et j'importe une botte de bottes localement avec NPM.
Exécutez l'extrait de code. Cela fonctionne ici et serait la même même si l'importation de bootstrap localement avec NPM. Le CDN est la version CSS de ce que vous avez.
Vous devrez peut-être ajouter plus d'informations à votre question initiale sur l'emplacement où vous importaez une bootstrap dans votre fichier SCSS. Avez-vous d'autres CSS remplacer les balises ?
Exactement c'était le problème principal.
De plus, j'ai changé la couleur de la valeur de la valeur. Si je le code comme couleur: var (- succès); Il affiche la valeur modifiée du succès. Mais si j'endique comme couleur: $ Succès Il affiche la valeur de démarrage par défaut.
Utilisez comme ceci dans variables.scss dans my_other_scss.scss Cela fonctionnera.
Il y avait une autre règle forte> forte> dans la feuille de style qui remplace la couleur de la liaison.
p>
a {
color : white !important
}
Utilisez! important pour le style.
Où importaez-vous
bootstrap ? Au sommet de votre SCSS?@Rayesac il n'y a absolument aucune raison d'utiliser
! Important . Cela devrait être un dernier recours. Il est préférable d'utiliser plus de sélecteurs spécifiques que d'utiliser! Important . En outre, si OP utilise bootstrap - pourquoi utiliseraient-ils! Important pour remplacer ce qu'ils reçoivent déjà?Vote de fermeture Depuis ce n'est pas une question de bootstrap, mais plutôt une autre règle définie sur
! Important qui était remplacé.