En av de beste måtene å lære å kode nettsteder er å se på kildekoden til andre nettsteder. Denne praksisen er hvor mange webprofessorer lærte sitt håndverk, spesielt i dagene før det var så mange alternativer for webdesignkurs, bøker og nettbaserte treningssteder.
Hvis du prøver denne øvelsen og ser på et nettsteds cascading style sheets (CSS), kan en ting du ser i den koden, være en linje som sier! Viktig. Hva betyr det, og like viktig, hvordan bruker du denne erklæringen riktig i stilarkene dine?
Cascade av CSS
Først av alt er det viktig å forstå at kaskende stilark virkelig gjør kaskade , noe som betyr at de er plassert i en bestemt rekkefølge. Generelt betyr dette at stilene brukes i den rekkefølgen de leser av nettleseren. Den første stilen blir brukt og deretter den andre og så videre.
Som et resultat, hvis en stil vises øverst på et stilark og deretter endres lavere ned i dokumentet, er den andre forekomsten av den stilen den som ble brukt i etterfølgende tilfeller, ikke den første. I utgangspunktet, hvis to stiler sier det samme (som betyr at de har samme nivå av spesifisitet), blir den sistnevnte listet brukt.
For eksempel, la oss forestille oss at følgende stiler var inneholdt i et stilark. Tekstteksten vil bli gjort svart, selv om den første stilegenskapen som er brukt, er rød. Dette skyldes at den "svarte" verdien er listet andre. Siden CSS er lest topp til bunn, er den endelige stilen "svart", og derfor vinder man.
p {farge: rød; }p {farge: svart; }
Hvordan! Viktig endrer prioritet
Nå som du forstår hvordan disse nesten samme regler behandles av CSS, kan vi se på hvordan det viktige direktivet endrer ting litt.
Det viktige direktivet påvirker måten din CSS cascades når du følger reglene du føler er mest avgjørende, og bør brukes. En regel som har det viktige direktivet, brukes alltid uansett hvor denne regelen vises i CSS-dokumentet.
For å gjøre avsnittet tekst alltid rødt, fra eksempelet ovenfor, vil du bruke:
p {farge: rødt! viktig; }p {farge: svart; }
Nå vises all tekst i rødt, selv om den "svarte" verdien er listet andre. Det viktige direktivet overstyrer de vanlige reglene i kaskaden, og det gir den stilen svært høy spesifisitet.
Hvis du absolutt trengte at avsnittene skulle vises rødt, ville denne stilen gjøre det, men det betyr ikke at dette er en god praksis. La oss se på når du kanskje vil bruke! Viktig og når det ikke er hensiktsmessig.
Når skal du bruke! Viktig
Det viktige direktivet er svært 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 et spesifisitetsproblem, kan du legge til den viktige erklæringen til stilen din for å se om det løser det.
Hvis du legger til! Viktig, er det virkelig å fikse stilproblemet, har du nettopp bestemt at det er et spesifisitetsproblem. Men du vil ikke forlate den viktige koden på plass, den ble bare satt der til testformål.
Siden testingen er ferdig, bør du nå fjerne det direktivet og justere selektoren for å oppnå den spesifisiteten du trenger for å få stilen din til å fungere. ! viktig bør ikke gå inn i produksjonsstedene dine, delvis på grunn av hvordan det endrer den normale kaskaden.
Hvis du leter for tungt på den viktige erklæringen for å oppnå dine ønskede stiler, vil du til slutt få et stilark full av! Viktige stiler. Du vil endre fundamentalt måten CSS behandles på. Det er en lat praksis som ikke er bra fra et langsiktig ledelsesperspektiv.
Bruk! Viktig for testing eller, i noen tilfeller, når du absolutt må overstyre en inline-stil som er en del av et tema- eller malramme. Selv i disse tilfellene, bruk denne tilnærmingen så sparsomt som mulig, og i stedet forsøke å skrive rene stilark som forstår kaskaden.
User Style Sheets
Det er en siste notat om det viktige direktivet som er viktig å forstå. Dette direktivet ble også satt på plass for å hjelpe websidebrukere til å håndtere stilark som gjør sider vanskelig for dem å bruke eller lese.
Vanligvis, hvis en bruker definerer et stilark for å vise nettsider, overstyres det stilarket av nettsideforfatterens stilark. Hvis brukeren merker en stil som! Viktig, overstyrer denne stilen websiden forfatterens stilark, selv om forfatteren merker en regel som! Viktig.
Dette er nyttig for brukere som må stille stiler på en bestemt måte. For eksempel kan noen trenge å øke standard skriftstørrelser på alle nettsider de bruker. Ved å bruke ditt! Viktige direktiv sparsomt innenfor sidene du bygger, imøtekommer du eventuelle spesielle behov brukerne måtte ha.
