Forces importants un canvi en la cascada
Una de les millors maneres d'aprendre a codificar llocs web és mirar els codis font d'altres llocs. Aquesta pràctica és la quantitat de professionals de la web que han après la seva tasca, especialment en els dies anteriors, hi havia tantes opcions per a cursos de disseny web , llibres i llocs de formació en línia.
Si proveu aquesta pràctica i consulteu els fulls d'estil en cascada (CSS) d'un lloc, una cosa que podeu veure en aquest codi és una línia que diu: important.
Què significa això i, igual de important, com fa servir correctament aquesta declaració en els fulls d'estil?
La Cascada de CSS
En primer lloc, és important comprendre que els fulls d'estil en cascada en realitat es troben en cascada , és a dir, que es col·loquen en un ordre determinat. En general, això significa que els estils s'apliquen en l'ordre que llegeix el navegador. S'aplica el primer estil i després el segon i així successivament.
Com a resultat, si un estil apareix a la part superior d'un full d'estils i després es modifica més avall al document, la segona instància d'aquest estil és la que s'aplica a les instàncies posteriors, no la primera. Bàsicament, si dos estils diuen el mateix (el que significa que tenen el mateix nivell d'especificitat), s'utilitzarà l'últim enumerat.
Per exemple, imaginem que els estils següents es trobaven en un full d'estils. El text del paràgraf es representaria en negre, tot i que la primera propietat d'estil aplicada és vermella.
Això es deu a que el valor "negre" apareix segon. Atès que CSS es llegeix de dalt a baix, l'estil final és "negre" i, per tant, es guanya.
p {color: vermell; }
p {color: negre; }
Com. Important canvia la prioritat
Ara que entén com processen aquestes normes gairebé idèntiques per CSS, podem veure com la directiva important canviarà les coses una mica.
La directiva important afecta la manera en què les vostres cascades de CSS segueixen les regles que considereu fonamentals i s'han d'aplicar. Una regla que tingui la directiva important s'aplica siempre que la regla aparegui en el document CSS.
Per fer que el text del paràgraf sempre sigui de color vermell, a partir de l'exemple anterior, s'utilitzarà:
p {color: vermell; important; }
p {color: negre; }
Ara tot el text apareixerà en vermell, tot i que el valor "negre" apareix en segon lloc. La directiva important reemplaça les normes normals de la cascada i proporciona aquest estil d'especificitat molt alta.
Si absolutament necessitava que els paràgrafs apareguessin en vermell, aquest estil ho faria, però això no vol dir que això sigui una bona pràctica. Vegem el següent quan vulgueu utilitzar. Important i quan no sigui apropiat.
Quan és important!
La directiva important és molt útil quan estàs provant i depurant un lloc web. Si no esteu segur de per què no s'aplica un estil i pensa que pot ser un problema d'especificitat, podeu afegir la declaració important a l'estil per veure si la soluciona.
Si afegiu, important, de fet, soluciona el problema de l'estil, acabeu de determinar que es tracta d'un problema d'especificitat. No obstant això, no voleu deixar aquest codi important en el seu lloc, només es va posar a prova amb finalitats.
Des que es fa la prova, ara hauríeu d'eliminar aquesta directiva i ajustar el selector per aconseguir l'especificitat que necessiteu per a que funcioni el vostre estil. Important no ha d'obrir pas als vostres llocs de producció, en part a causa de com canvia la cascada normal.
Si t'has recolzat massa en la declaració important per aconseguir els teus estils desitjats, tindràs un full d'estil ple d'estils importants. Estarà canviant fonamentalment la manera com es processa el CSS d'aquesta pàgina. És una pràctica mandrosa que no és bona des del punt de vista de la gestió a llarg termini.
L'ús és important per a les proves o, en alguns casos, quan no és necessari substituir un estil en línia que forma part d'un marc de tema o plantilla.
Fins i tot en aquests casos, utilitzeu aquest enfocament tan poc com sigui possible i, al contrari, intenteu escriure fulls d'estil net que entenguin la cascada.
Fulles d'estil d'usuari
Hi ha una nota final sobre la directiva important que és fonamental per entendre. Aquesta directiva també es va implementar per ajudar els usuaris de la pàgina web a fer front als fulls d'estil que fan que les pàgines siguin difícils d'utilitzar o de llegir.
Normalment, si un usuari defineix un full d'estils per visualitzar pàgines web, el full d'estils de l'autor de la pàgina web es rescata. Si l'usuari marca un estil important, aquest estil anul·larà el full d'estil de l'autor de la pàgina web, fins i tot si l'autor marca una regla com a important.
Això és útil per als usuaris que necessiten establir estils d'una manera determinada. Per exemple, és possible que algú necessiti augmentar les mides de font predeterminades a totes les pàgines web que utilitzen. En utilitzar la vostra directriu important amb moderació dins de les pàgines que construïu, podeu adaptar-vos a les necessitats especials que puguin tenir els vostres usuaris.
Editat per Jeremy Girard