Dev Faq
8
votes

Comment puis-je appliquer des modifications de style CSS pour une seule page?

J'ai deux fichiers CSS:

  1. Un fichier principal (Main.css)

  2. fichier page spécifique (page5.css). Ma page.css contient main.css (@import URL (Main.css));)

    My Main.css a ceci comme une partie de celui-ci qui définit la hauteur de la page xxx

    Cela fonctionne bien pour toutes les autres pages, mais À la page 5, j'ai besoin d'un peu plus de hauteur.

    Comment allais-je le faire?

1 commentaires

Juste trop écrire à la page 5.

4 Réponses :

2
votes

Il suffit de la définir quelque part après votre @import directive: xxx

pour les sélecteurs de CSS identiques, la dernière règle écrase le premier.

0 commentaires
1
votes

dans page5.css code>, redéfinissez simplement la hauteur.

page5.css strong> p> 

#content {
    height:400px;
}

0 commentaires
24
votes

Vous n'avez même pas besoin d'un fichier CSS séparé nécessairement. Vous pouvez ajouter des cours à votre corps à diverses fins, identifier la page ou le type de page en être l'un d'entre eux. Donc, si vous aviez: xxx

puis dans votre CSS, vous pouvez appliquer: xxx

et il ne s'appliquerait que sur cette page aussi longtemps que Il se produit après la définition principale #content .

3 commentaires

Heck, il suffit de jeter dans un