Hvad betyder! Vigtigt i CSS?

click fraud protection

En af de bedste måder at lære at kode websteder er at se på kildekoder af andre websteder. Denne praksis er, hvor mange web-fagfolk lærte deres håndværk, især i dagene før der var så mange muligheder for webdesign kurser, bøger og online træningssider.

Hvis du prøver denne praksis og ser på et websteds kaskadestilark, er en ting, du kan se i denne kode, en linje, der siger !vigtig. Dette udtryk ændrer prioriteten for behandling inden for stilarket.

CSS-kodning
E + / Getty Images

Kaskaden af ​​CSS

Kaskaderende stilark gør det faktisk kaskade, hvilket betyder at de placeres i en bestemt rækkefølge. Generelt anvendes typografierne i den rækkefølge, de læses af browseren. Den første stil anvendes og derefter den anden osv.

Som et resultat, hvis en typografi vises øverst på et typografiark og derefter ændres lavere i dokumentet, er den anden forekomst af denne typografi 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 specificitetsniveau), vil den sidstnævnte blive brugt.

instagram viewer

Lad os for eksempel forestille os, at følgende stilarter var indeholdt i et typografiark. Afsnitsteksten gengives i sort, selvom den første typegenskab, der anvendes, er rød. Dette skyldes, at den "sorte" værdi er anført på andenpladsen. Da CSS læses fra top til bund, er den endelige stil "sort", og derfor vinder den ene.

p {farve: rød; }
p {farve: sort; }

Hvor vigtigt ændrer prioriteten

Det !vigtig Direktivet påvirker den måde, hvorpå din CSS kaskader, mens du følger de regler, du føler er mest afgørende og bør anvendes. En regel, der har dette direktiv, anvendes altid, uanset hvor denne regel vises i CSS-dokumentet.

For at gøre afsnitsteksten altid rød fra det foregående eksempel skal du ændre stilen som følger:

p {farve: rød! vigtig; }
p {farve: sort; }

Nu vises al tekst i rødt, selvom den "sorte" værdi er anført på andenpladsen. Det! Vigtige direktiv tilsidesætter kaskadens normale regler, og det giver denne stil meget høj specificitet.

Hvis du absolut havde brug for afsnittene for at blive røde, ville denne stil gøre det, men det betyder ikke, at dette er en god praksis.

Hvornår skal du bruge! Vigtigt

Det vigtige direktiv er nyttigt, når du tester og fejler en webside. Hvis du ikke er sikker på, hvorfor en stil ikke anvendes, og tror det kan være en specificitetskonflikt, skal du tilføje! Vigtig erklæring til din stil for at se, om det løser det - og hvis det gør det, skal du ændre rækkefølgen på vælgerne og fjerne de vigtige direktiver fra din produktion kode.

Hvis du læner dig for stærkt på! Den vigtige erklæring for at opnå dine ønskede stilarter, vil du til sidst have et stilark fyldt med! Vigtige stilarter. Du vil fundamentalt ændre den måde, sidens CSS behandles på. Det er en doven praksis, der ikke er god set fra et langsigtet ledelsessynspunkt.

Brug! Vigtig til testning, eller i nogle tilfælde, når du absolut skal tilsidesætte en integreret stil, der er en del af et tema eller en skabelonramme. Selv i disse tilfælde skal du bruge denne fremgangsmåde sparsomt og i stedet skrive rene stilark, der ærer kaskade.

User Style Sheets

Dette direktiv blev også indført for at hjælpe websides brugere med at tackle stilark, der gør sider vanskelige for dem at bruge eller læse.

Hvornår nogen definerer et stilark for at se websider tilsidesættes stilarket af sideforfatterens stilark. Hvis brugeren markerer en typografi som! Vigtig, tilsidesætter den stil websideforfatterens stilark, selvom forfatteren markerer en regel som! Vigtig.

Dette hierarki er nyttigt for brugere, der har brug for at indstille typografier på en bestemt måde. For eksempel kan en synshandicappet læser muligvis øge standard skrifttypestørrelser på alle websider, de bruger. Ved at bruge dit! Vigtige direktiv sparsomt på de sider, du bygger, imødekommer du dine læsers unikke behov.

instagram story viewer