Forum : Charger un CSS à un endroit spécifique

Bien le bonjour à vous tous !

Je me tourne vers vous car je rencontre une problématique concernant le montage de mon menu principal sur mon site construit via WordPress.

Ayant récupéré du code HTML et CSS sur internet qui représente un menu, j'ai utilisé celui-ci afin de l'intégrer sur mon site WordPress, pour charger le CSS j'ai utilisé <link dans le <head> de mon site.

Lorsque je fais ceci le navigateur charge bien mon CSS, cependant cela vient écraser mes autres règle CSS ce qui fait que après mon site ne ressemble plus à rien.

Ma question, est-il possible de faire en sorte que le navigateur utilise le contenu de ma feuille de style uniquement pour une partie précise de mon code, à savoir le code que j'ai intégré et qui constitue mon menu principal. L'objectif est de vraiment faire en sorte que juste le code que j'ai intégré hérite de sa feuille de style qui lui est propre, et que cette feuille de style n'interfère pas avec le reste de mon site.

Je vous remercie d'avance la communauté.

Carouge10

Bonsoir,

Tu peux encadrer tout ton bloc avec une div/section avec un nom de classe en CSS

et comme cela, tu appliques ton css uniquement a cette classe

Rpj68

Auteur

Bonsoir,

Merci beaucoup pour ton retour !

Si cela ne te dérange pas bien sûr, pourrais-tu m'envoyer un exemple de code de ce que je dois mettre dans le div pour que ça charge uniquement le CSS que je souhaite ?

Concernant le CSS j'imagine qu'il faut peut-être aussi créer une classe dessus ?

Et du coup juste pour confirmer le CSS je le met bien dans la balise <head> ?

Merci d'avance pour ton retour.

Carouge10

<div class="maclasse">
    <p>Le contenu que je souhaite</p>
</div>

.maclasse p {color: green; }

voici un exemple de code vite fait.

ton code css doit être le dernier chargé dans le head pour éviter d'être modifier par un autre

Charger un CSS à un endroit spécifique

3 réponses