En af de bedste måder at lære at kode på websites er at se på kildekoderne på andre websteder. Denne praksis er, hvor mange webprofessorer lærte deres håndværk, især i de dage før der var så mange muligheder for webdesignkurser, bøger og online træningssteder.
Hvis du prøver denne øvelse og kigger på et websteds cascading style sheets (CSS), er en ting du kan se i den kode en linje, der siger! Vigtigt. Hvad betyder det, og lige så vigtigt, hvordan bruger du den pågældende erklæring korrekt i dine stylesheets?
Cascade af CSS
Først og fremmest er det vigtigt at forstå, at cascading stilark virkelig gør kaskade , hvilket betyder at de er placeret i en bestemt rækkefølge. Generelt betyder det, at stilarterne anvendes i den rækkefølge, de læser af browseren. Den første stil anvendes og derefter den anden og så videre.
Som følge heraf, hvis en stil vises øverst på et stilark og derefter ændres lavere ned i dokumentet, er den anden forekomst af denne stil den, der anvendes i efterfølgende tilfælde, ikke den første. Dybest set, hvis to stilarter siger det samme (hvilket betyder at de har samme specificitet), vil den sidstnævnte blive brugt.
Lad os forestille os, at følgende stilarter var indeholdt i et stilark. Stykketeksten skal gengives i sort, selvom den anvendte første stilegenskab er rød. Dette skyldes, at den "sorte" værdi er opført anden. Da CSS læses top til bund, er den endelige stil "sort", og derfor vinder man.
p {farve: rød; }p {farve: sort; }
Hvordan! Vigtigt ændrer prioritet
Nu hvor du forstår hvordan disse næsten ensartede regler behandles af CSS, kan vi se på, hvordan det vigtige direktiv ændrer tingene lidt.
Det vigtige direktiv påvirker den måde, hvorpå din CSS cascader samtidig med at du følger de regler, du føler er mest afgørende og bør anvendes. En regel, der har det vigtige direktiv, anvendes altid uanset hvor denne regel fremgår af CSS-dokumentet.
For at gøre stykke tekst altid rødt, fra ovenstående eksempel, vil du bruge:
p {farve: rødt! vigtigt; }p {farve: sort; }
Nu vil hele teksten blive vist rødt, selvom den "sorte" værdi er angivet i anden rækkefølge. Det vigtige direktiv tilsidesætter de normale regler for kaskaden, og det giver den stil meget høj specificitet.
Hvis du absolut havde brug for stykkerne til at blive rød, ville denne stil gøre det, men det betyder ikke, at dette er en god praksis. Lad os se nærmere på, når du måske vil bruge! Vigtigt og når det ikke er hensigtsmæssigt.
Hvornår skal du bruge! Vigtigt
Det vigtige direktiv er meget nyttigt, når du tester og fejler en hjemmeside. Hvis du ikke er sikker på, hvorfor en stil ikke bliver anvendt, og tror det kan være et specificitetsproblem, kan du tilføje den vigtige erklæring til din stil for at se, om det løser det.
Hvis du tilføjer! Vigtigt rent faktisk løser stilproblemet, har du lige bestemt, at det er et specificitetsproblem. Men du ønsker ikke at forlade den vigtige kode på plads, den blev kun sat til test.
Da testningen er færdig, skal du nu fjerne dette direktiv og justere din vælger for at opnå den specificitet, du har brug for for at få din stil til at fungere. ! vigtigt bør ikke komme ind på dine produktionssteder, bl.a. på grund af hvordan det ændrer den normale kaskade.
Hvis du læner for stærkt på den vigtige erklæring for at opnå dine ønskede stilarter, vil du i sidste ende få et stilark fyldt med vigtige stilarter. Du vil fundamentalt ændre den måde, som sidens CSS behandles. Det er en doven praksis, der ikke er godt ud fra et langsigtet ledelsessynspunkt.
Brug! Vigtigt for test eller i nogle tilfælde, når du absolut skal tilsidesætte en inline-stil, der er en del af et tema eller en skabelonramme. Selv i disse tilfælde skal du bruge denne fremgangsmåde så sparsomt som muligt og i stedet stræbe efter at skrive rene stilark, der forstår kaskaden.
Bruger stilark
Der er en sidste bemærkning om det vigtige direktiv, der er vigtigt for at forstå. Dette direktiv blev også sat på plads for at hjælpe websidebrugere med at håndtere stilark, der gør siderne vanskelige for dem at bruge eller læse.
Typisk, hvis en bruger definerer et stilark for at se websider, overstyres dette stilark af websideforfatterens stilark. Hvis brugeren markerer en stil som vigtig, overstyrer denne stil websideforfatterens stilark, selvom forfatteren markerer en regel som vigtig.
Dette er nyttigt for brugere, der skal indstille stilarter på en bestemt måde. For eksempel kan en person muligvis øge standard skriftstørrelser på alle de websider, de bruger. Ved at bruge dit vigtige direktiv sparsomt inden for de sider, du opbygger, rummer du eventuelle særlige behov, dine brugere måtte have.
