Inne podstronych i ich css

pytanie zadane 9 lutego 2021 w HTML i CSS przez AgentTecza Obywatel (1,810 p.)

Witam myślę, że mam dość podstawowe pytanie ale nie wiem jak je zrobić. Chciałbym zrobić tak że jak na jednej stronie mam podpięte css to mam też na innych podstronach a czy mogę zrobić tak żeby w danej podstronie kawałek tego css zniknął lub nie był zauważalny jeśli jest on nie potrzebny czy muszę robić do tego nowy plik?

2 odpowiedzi

odpowiedź 9 lutego 2021 przez Restej Dyskutant (8,690 p.)

Mógłbyś np. nie używać danego stylu tj. klasy bądź id, którego nie chcesz widzieć na danej podstronie. Bardzo trywialny i prosty przykład: na stronie głównej i w swoim css masz ostylowaną przez siebie stopkę ale już na podstronie nie chcesz jej widzieć, zatem najzwyczajniej w świecie nie używasz nigdzie id lub klasy divow i innych znaczników służących w twoim css do ostylowania stopki.

komentarz 9 lutego 2021 przez CubeStorm Pasjonat (15,020 p.)

I wtedy strona, na której nie ma footera wczyta jego niepotrzebne klasy. Przy samym footerze strona mocno nie ucierpi, ale nie jest to dobre podejście.

komentarz 9 lutego 2021 przez Restej Dyskutant (8,690 p.)

Zgadzam się, jednakże przy mniejszych projektach o ile strona może ucierpieć? 0.2s dłużej się będzie ładować? Podobnie jest gdy korzystamy z frameworka typu bootstrap gdzie jest multum klas, które poprostu nawet nigdy nie zostaną użyte. Moim zdaniem na etapie nauki na jakiej znajduje się autor pytania większą kombinacja nie ma zwyczajnie sensu jednakże podpisuje się również pod twoją odpowiedzią :)

komentarz 9 lutego 2021 przez Restej Dyskutant (8,690 p.)

Ah no i moja odpowiedź jest też troszkę meritum na pytanie zawarte na sam koniec "czy muszę robić osobny plik" nie musisz, ale coś za coś. Przy większym projekcie tak jak wspomniał cube taka technika będzie postrzegana negatywnie zarówno przez kogoś kto miałby ocenić kod jak i sam czas ładowania strony się wydłuży

odpowiedź 9 lutego 2021 przez CubeStorm Pasjonat (15,020 p.)

Jeśli nie znasz, to zapoznaj się z preprocesorem css'a - Scss, daje on mnóstwo możliwości. Dzięki niemu będziesz mógł podzielić sobie style dla footera, nawigacji i czego tylko sobie zapragniesz na osobne pliki. Następnie do głównego pliku scss, w którym stylujesz całą podstronę możesz zaimportować sobie dane style footera.

Przykład:

Podstrona kontakt (korzysta z footera, nav): do pliku contact.scss importujesz _footer.scss oraz _nav.scss.

Podstrona o mnie (korzysta tylko z nav): do pliku about.scss importujesz _nav.scss.

Podstawy (PL)

Dokumentacja