Mon site Web Utilisez BOOTSTRAP 4 et un fichier CSS que j'ai fait.
En bas de ce fichier CSS, je mets des requêtes de média: et voici Une partie du code: mais mes requêtes de média ne fonctionnent pas, sauf lorsque j'ajoute ! important à chaque ligne. Mais je ne peux pas faire cela pour chaque ligne et j'utilise déjà des requêtes médiatiques et je n'ai jamais eu à le faire.
4 Réponses :
Le fichier BOOTSTRAP CSS doit être référencé avant votre fichier CSS personnalisé dans votre page HTML. Si ce n'est pas Bootstrap, CSS va cascader ou écraser vos règles.
Avez-vous essayé d'inclure votre CSS après la Bootstrap CSS? Pouvez-vous être plus élaboré sur votre problème?
Oui, dans mon fichier HTML, les liens vers mes fichiers CSS sont (dans la commande): bootstrap, fontawesome, swiper et main.css mon fichier contenant des requêtes de média
Quel est le style qui n'a pas été appliqué. Est-ce .ddddress. contact ou .left ou .picto?
tous ces! .Address, .Contact, .Left, .picto
Laissez-nous Continuer cette discussion en chat .
Je vous ai répondu dans le chat. Dois-je mettre la solution ici? ou le chat peut être vu par tout le monde?
Premièrement, évitez d'utiliser Au lieu de cela, examinez comment vous pouvez rendre vos règles plus spécifiques que les bootstrap. Inspectez le DOM et regardez les règles problématiques, puis mettez à jour vos sélecteurs en référence au Règles de spécificité afin qu'elles prenaient la priorité. concernant votre code nouvellement ajouté: Ceci sélectionne pour tous les Si vous souhaitez les sélectionner, vous avez besoin d'une virgule: si cela ne " t suffisamment spécifique que cela sera presque certainement: autre que cela, je ne peux pas voir ! IMPORTANT Sauf absolument, c'est un danger de maintenance. .contact éléments de classe comme des descendants d'éléments `.address '. Cette hiérarchie n'est pas présente dans le code collé. .left ou .picto < / code> n'importe où.
J'ai édité ma question pour avoir eu du code, la classe utilisée est "unique" dans le fichier.
Assurez-vous que votre CSS personnalisé ajouté après tous les autres CSS. Parce que votre CSS personnalisé doit être ajouté après tous les autres fichiers CSS. Parage, votre CSS personnalisé remplacera d'autres CSS.
parce que CSS applique "haut en bas".
merci !!!
Très probablement, les éléments auxquels vous avez appliqué vos propres classes CSS ont également des classes de bootstrap qui leur sont appliquées (comme Pour obtenir le résultat souhaité, utilisez les outils de navigateur / inspecteur sur ces éléments et regardez quelle règle / sélecteur CSS CSS / CSS est appliqué. Ensuite, créez une règle qui utilise le même sélecteur (combinaison de classes) plus votre propre classe, ce qui entraînera une spécification plus élevée et donc une substitution de la règle de bootstrap d'origine. .row , colonne , COL-12 et beaucoup d'autres) et les règles de Bootstrap CSS (en particulier celles qui combinent plusieurs classes) ont une spécificité plus élevée , qui affule vos propres classes.
J'ai créé une DIV sous la DIV avec les classes de bootstrap.
Il pourrait être possible que d'autres fichiers affectent vos styles. Comme l'ordre dans lequel il est inclus.
Avez-vous essayé de déplacer votre feuille de style au bas de la balise de tête (c'est-à-dire la dernière feuille de style de la liste)?