En av de beste måtene å lære å kode nettsteder er å se på kildekoder av andre nettsteder. Denne praksisen er hvor mange profesjonelle på nettet som lærte håndverket sitt, spesielt i dagene før det var så mange alternativer for webdesign kurs, bøker og nettbaserte opplæringssider.
Hvis du prøver denne praksisen og ser på nettstedets brusende stilark, er det en ting du kan se i koden, en linje som sier !viktig. Dette begrepet endrer behandlingsprioriteten i stilarket.
Kaskaden av CSS
Kaskaderende stilark gjør det faktisk kaskade, noe som betyr at de plasseres i en bestemt rekkefølge. Generelt brukes stilene i den rekkefølgen de leses av nettleseren. Den første stilen brukes og deretter den andre, og så videre.
Som et resultat, hvis en stil vises øverst på et stilark og deretter endres nede i dokumentet, er den andre forekomsten av den stilen den som brukes i påfølgende tilfeller, ikke den første. I utgangspunktet, hvis to stiler sier det samme (som betyr at de har samme spesifisitetsnivå), vil den siste som er oppført bli brukt.
La oss for eksempel forestille oss at de følgende stilene var inneholdt i et stilark. Avsnittsteksten blir gjengitt i svart, selv om den første stilegenskapen som er brukt, er rød. Dette er fordi den "svarte" verdien er oppført på andreplass. Siden CSS leses fra topp til bunn, er den endelige stilen "svart" og derfor vinner den ene.
p {farge: rød; }
p {farge: svart; }
Hvor viktig endrer prioriteten
De !viktig direktivet påvirker måten CSS kaskader på mens du følger reglene du føler er avgjørende og bør brukes. En regel som har dette direktivet, blir alltid brukt uansett hvor denne regelen vises i CSS-dokumentet.
For å gjøre avsnittsteksten alltid rød, fra forrige eksempel, endre stilen som følger:
p {farge: rød! viktig; }
p {farge: svart; }
Nå vil all teksten vises i rødt, selv om den "svarte" verdien er oppført på andreplass. Det viktige direktivet overstyrer de normale reglene for kaskaden, og det gir den stilen veldig høy spesifisitet.
Hvis du absolutt trengte at avsnittene skulle vises røde, ville denne stilen gjort det, men det betyr ikke at dette er en god praksis.
Når skal du bruke! Viktig
Det viktige direktivet er nyttig når du tester og feilsøker et nettsted. Hvis du ikke er sikker på hvorfor en stil ikke blir brukt, og tror det kan være en spesifikk konflikt, legg til! Viktig erklæring til stil for å se om det løser det - og hvis det gjør det, endre rekkefølgen på velgerne og fjern! viktige direktiver fra produksjonen din kode.
Hvis du lener deg for tungt på den viktige erklæringen for å oppnå dine ønskede stiler, vil du til slutt ha et stilark full av! Viktige stiler. Du vil grunnleggende endre måten sidens CSS behandles på. Det er en lat praksis som ikke er god fra et langsiktig ledelsessynspunkt.
Bruk! Viktig for testing, eller i noen tilfeller når du absolutt må overstyre en innebygd stil som er en del av et tema eller malrammeverk. Selv i disse tilfellene, bruk denne tilnærmingen sparsomt og skriv i stedet rene stilark som hedrer kaskade.
User Style Sheets
Dette direktivet ble også innført for å hjelpe brukere av websider å takle stilark som gjør sider vanskelig for dem å bruke eller lese.
Når noen definerer et stilark for å vise websider blir dette stilarket overstyrt av sideforfatterens stilark. Hvis brukeren merker en stil som! Viktig, overstyrer den stilen forfatterens stilark, selv om forfatteren merker en regel som! Viktig.
Dette hierarkiet er nyttig for brukere som trenger å sette stiler på en bestemt måte. For eksempel kan en synshemmet leser trenge å øke standard skriftstørrelser på alle websider de bruker. Ved å bruke ditt! Viktige direktiv sparsomt på sidene du bygger, imøtekommer du lesernes unike behov.