Ik ben bezig met een projectje en ik zit ergens vast.
Hoogstwaarschijnlijk is het heel simpel maar ik vind helaas geen andere manier.
Voor de footer gebruik ik
<?php
include('footer.php');
?>
De reden ervan is omdat ik andere css strings gebruik.
Bijvoorbeeld de a:hover{color:#fb9902}a:active,a:hover,a:focus{outline:none;text-decoration:none}button:focus{outline:none}ul{list-style:outside none none;margin:0;padding:0}:before,:after{-webkit-transition:all .3s;transition:all .3s}.bg-1{background:#0d0f11}.bg-2{background:#131619}.ptb-130{padding:130px 0}
Die heeft andere kleuren en groottes waardoor het mijn menu en andere teksten van die pagina infecteerd.
Mijn vraag is dus eigenlijk vooral: Hoe kan ik mijn footer die andere kleuren en groottes hebben dan mijn pagina ervoor zorgen dat het mijn pagina niet infecteerd om andere dingen te laten zien.
Is er daar wel een manier voor?
Wat @Ariën zegt, dit heeft niets van doen met PHP/includes maar eerder met hoe jij jouw CSS structureert. Blijkbaar gebruik je dezelfde namen of naam-ruimten voor elementen die een verschillende opmaak hebben. Deze zou je dus, zoals hierboven staat geïllustreerd, moeten "compartimenteren" in verschillende stijlregels.
Dit kun je op verschillende manieren doen, maar het internet heeft waarschijnlijk legio makkelijk( vindbar)e voorbeelden.
Uit ervaring weet ik dat laatste css altijd geldt dus wil je dat iets bv rood in plaats van blauw dan moet je zorgen dat de rode CSS code na de blauwe komt
Uit ervaring weet ik dat laatste css altijd geldt dus wil je dat iets bv rood in plaats van blauw dan moet je zorgen dat de rode CSS code na de blauwe komt
Maar beste is gewoon zorgen voor een betere CSS
Ja, er zit trapsgewijze overerving in CSS En dat is ook waar CSS voor staat: Cascading Style Sheets.
1) stijl met !important-regel in de stijldefinitie.
2) stijl aangegeven in de tag van het element.
3) stijl volgens de naam van de id in de tag.
4) stijl volgens de naam van de class in de tag.
5) stijl van het parent-element.
6) stijl volgens de naam van de tag (aspecten van stijl die niet expliciet zijn aangegeven worden bepaald door de ingebouwde stylesheet in de browser).
Naast deze prioriteit heeft CSS nog een prioriteit wat betreft id en class. Het is afhankelijk van waar deze worden aangeschreven.
1) beschreven tussen de body-tags
2) beschreven tussen head-tags
3) beschreven in een extern gekoppeld stylesheet
4) beschreven in een geïmporteerde stylesheet in een extern gekoppelde stylesheet.
