Naon! Hartosna penting dina CSS?

! Angkatan penting a Robah dina Cascade

Salah sahiji cara anu pangalusna pikeun neuleuman kumaha carana kode jaba geus kasampak di Konci sumber loka lianna. Prakték ieu sabaraha web professional diajar karajinan maranéhanana, utamana dina poé saméméh aya kitu loba pilihan pikeun kursus desain web , buku , jeung situs latihan online.

Lamun coba prakték ieu sareng kasampak di situs urang gaya cascading cadar (CSS), hiji hal nu bisa ningali dina kode anu mangrupakeun garis nu nyebutkeun! Penting.

Naon anu hartosna na, sagampil importantly, kumaha maneh neuleu make eta deklarasi di cadar gaya anjeun?

The Cascade of CSS

Anu mimiti, éta penting pikeun ngarti yén gaya cascading cadar do memang cascade, hartina maranéhna disimpen dina urutan nu tangtu. Sacara umum, ieu hartina gaya nu dilarapkeun dina urutan aranjeunna baca ku browser nu. Gaya munggaran diterapkeun lajeng kadua jeung saterusna.

Hasilna, mun gaya nembongan dina luhureun hiji gaya lambar lajeng dirobah handap handap dina dokumen teh, conto kadua gaya nu geus hiji dilarapkeun di instansi saterusna, moal kahiji. Dasarna, upami dua gaya anu nyebutkeun hal anu sarua (anu hartina memang maranehna boga tingkat nu sarua spésifisitas), hiji tukang didaptarkeun bakal dipaké.

Contona, hayu urang ngabayangkeun yén gaya handap anu ngandung dina gaya lambar. Téks ayat bakal rendered hideung, sanajan harta gaya munggaran dilarapkeun nyaéta beureum.

Ieu alatan dina "hideung" nilai kadaptar kadua. Kusabab CSS ieu baca luhur-to-handap, anu gaya final nyaeta "hideung" jeung kituna salah nu ngéléhkeun.

p {warna: beureum; }
p {warna: hideung; }

Kumaha! Parobahan penting Prioritas nu

Ayeuna nu ngarti kumaha ieu aturan ampir identik nu diolah ku CSS, urang bisa nempo kumaha! Diréktif penting robah hal bit.

The! Diréktif penting mangaruhan cara nu Anjeun Kampung Pulo CSS bari handap aturan aran nu paling krusial sarta kudu dilarapkeun. Hiji aturan anu boga! Diréktif penting sok dilarapkeun euweuh urusan mana aturan nu nembongan dina dokumen CSS.

Nyieun téks ayat salawasna beureum, tina conto di luhur, anjeun bakal ngagunakeun:

p {warna:! beureum penting; }
p {warna: hideung; }

Ayeuna kabeh téks bakal muncul beureum, sanajan nu "hideung" nilai kadaptar kadua. The! Diréktif penting overrides aturan normal tina cascade jeung méré gaya nu spésifisitas kacida luhurna.

Lamun leres diperlukeun ayat ka muncul beureum, gaya ieu bakal ngalakukeun eta, tapi anu henteu hartosna yén ieu téh prakték alus. Hayu urang katingal hareup dina nalika anjeun hoyong pake! Penting jeung lamun teu luyu.

Nalika nepi Paké! Penting

The! Diréktif penting nyaéta pohara mantuan lamun anjeun nguji sarta debugging ramatloka a. Mun anjeun teu yakin naha gaya a keur teu dilarapkeun jeung pikir meureun nya a masalah spésifisitas, anjeun tiasa nambah! Deklarasi penting gaya Anjeun ningali lamun nu nangtukeun eta.

Mun nambahkeun! Penting teu mang ngalereskeun masalah gaya, anjeun kakarék ditangtukeun yén éta téh mangrupa masalah spésifisitas. Najan kitu, anjeun teu hayang ninggalkeun eta! Kode penting dina tempat, éta ngan nempatkeun aya pikeun tujuan nguji.

Kusabab nguji geus rengse, anjeun ayeuna kudu nyabut diréktif anu tur saluyukeun pamilihan Anjeun pikeun ngahontal spésifisitas nu kudu meunang kerja gaya Anjeun. ! Penting mah kedah ngadamel jalan na kana situs produksi anjeun, dina bagian kusabab carana eta robah cascade normal.

Lamun lean teuing beurat dina! Deklarasi penting pikeun ngahontal gaya Anjeun hoyong, Anjeun antukna bakal boga lambar gaya littered kalawan! Gaya penting. Anjeun bakal fundamentally ngarobah cara CSS yén halaman urang diolah. Ieu prakték puguh eta teu alus ti sudut pandang manajemén jangka panjang.

Paké! Penting pikeun nguji atawa, dina sababaraha kasus, mun anjeun leres kedah override hiji gaya inline anu mangrupa bagian ti téma atawa citakan kerangka.

Malah dina eta kasus, nganggo pendekatan ieu salaku sparingly sabisa na gantina narékahan pikeun nulis cadar gaya beresih anu ngarti cascade nu.

Gaya pamaké cadar

Aya hiji catetan ahir dina! Diréktif Kadé nya pati ngarti. diréktif ieu ogé nempatkeun di tempat pikeun mantuan pamaké kaca web Cope jeung gaya cadar nu nyieun kaca hésé pikeun aranjeunna ngagunakeun atawa maca.

Ilaharna, lamun a pamaké ngahartikeun hiji gaya lambar pikeun nempo kaca web, éta gaya lambar geus overruled ku kaca web pangarang urang lambar gaya . Lamun pamaké nandaan hiji gaya salaku! Penting, gaya nu overrules lambar gaya kaca web pangarang urang, sanajan nyeratna nandaan aturan sakumaha! Penting.

Ieu mantuan pikeun pamaké nu kudu nangtukeun gaya dina cara nu tangtu. Contona, batur bisa kudu ningkatkeun ukuran font standar on sadaya kaca web aranjeunna ngagunakeun. Ku ngagunakeun! Diréktif anjeun penting sparingly dina kaca nu ngawangun, anjeun nampung sagala kabutuhan husus pamaké anjeun mungkin kudu.

Diédit ku Jeremy Girard