Kio estas! Grava Mezuro en CSS?

Gravaj Fortoj ŝanĝo en la akvofalo

Unu el la plej bonaj manieroj lerni kiel kodigi retejojn estas rigardi la fontkodojn de aliaj retejoj. Ĉi tiu praktiko estas kiom da teĥaj profesiuloj lernis iliajn metiojn, precipe en la tagoj antaŭ ol ekzistis tiom da ebloj por retpaĝaj kursoj , libroj kaj enretaj trejnaj lokoj.

Se vi provas ĉi tiun praktikon kaj rigardas la akvoforajn foliojn de la retejo (CSS), unu afero, kiun vi povas vidi en tiu kodo, estas linio, kiu diras!

Kion tio signifas kaj, same same, kiel vi korekte uzas tiun deklaron en viaj stiloj?

La Akvofalo de CSS

Antaŭ ĉio, gravas kompreni, ke kaskaj stiloj, efektive akvofalo , signifas, ke ili estas en aparta ordo. Ĝenerale, ĉi tio signifas, ke la stiloj estas aplikitaj laŭ la ordo, kiun oni legas per la retumilo. La unua stilo aplikiĝas kaj poste la dua kaj tiel plu.

Kiel rezulto, se stilo aperas sur la supro de stilo-folio kaj tiam ŝanĝiĝas malsupren en la dokumento, la dua petskribo de tiu stilo estas la unu aplikita en postaj okazoj, ne la unua. Esence, se du stiloj diras la saman aferon (kio signifas, ke ili havas la saman nivelon de specifeco), la lasta enlistigita estos uzata.

Ekzemple, ni imagu, ke la sekvaj stiloj estis enhavitaj en stila folio. La alinea teksto fariĝos nigra, kvankam la unua stilo-posedaĵo aplikita estas ruĝa.

Ĉi tio estas ĉar la "nigra" valoro estas enlistigita sekundo. Ĉar CSS estas legata supre al sube, la fina stilo estas "nigra" kaj tial tiu gajnas.

p {koloro: ruĝa; }
p {koloro: nigra; }

Kiel! Gravaj Ŝanĝoj la Prioritato

Nun, ke vi komprenas, kiel ĉi tiuj preskaŭ identaj reguloj estas procesitaj de CSS, ni povas rigardi kiel la grava direktoro ŝanĝas iomete.

La grava direktoro influas la vojon, en kiu viaj CSS-akvofaloj sekvas la regulojn, kiujn vi sentas, estas plej gravaj kaj devas esti aplikitaj. Regulo, kiu havas la! Grava direktoro estas ĉiam aplikata, ne gravas, kie tiu regulo aperas en la dokumento de CSS.

Por ke la alinea teksto ĉiam estu ruĝa, de la supra ekzemplo, vi uzos:

p {koloro: ruĝa! grava; }
p {koloro: nigra; }

Nun la tuta teksto aperos en ruĝa, kvankam la "nigra" valoro estas enlistigita dua. La grava direktoro preterlasas la normalajn regulojn de la akvofalo kaj donas al tiu stilo tre altan specifecon.

Se vi tute bezonus la alineojn aperi ruĝaj, ĉi tiu stilo farus ĝin, sed tio ne signifas, ke tio estas bona praktiko. Ni poste rigardu, kiam vi eble volas uzi! Grava kaj kiam ĝi ne taŭgas.

Kiam Uzi! Grava

La grava direktoro estas tre helpema kiam vi provas kaj elpurigas retejon. Se vi ne scias, kial stilo ne estas aplikata kaj pensas, ke tio estas temo de specifaĵo, vi povas aldoni la gravan deklaron al via stilo por vidi ĉu tio korektas ĝin.

Se aldoni! Grava ja korektas la problemon de la stilo, vi simple decidis, ke ĝi estas problemo de specifaĵo. Tamen, vi ne volas forlasi tiun! Grava kodo en loko, ĝi nur estis metita tie por provoj.

Ekde la provado estas farita, vi nun devas forigi tiun direktoron kaj ĝustigi vian elektilon por atingi la specifecon, kiun vi bezonas por ke via stilo funkcias. ! Grava ne devas eniri en viajn produktadojn, parte pro tio, kiel ĝi ŝanĝas la normalan akvofalon.

Se vi tre apogas la gravan deklaron por atingi viajn deziritajn stilojn, vi fine havos stilon de stiloj kun gravaj stiloj. Vi esence ŝanĝos la vojon, kiun la paĝo CSS funkcias. Ĝi estas mallaborema praktiko, kiu ne estas bona de longtempa administra vidpunkto.

Uzu! Grava por provado aŭ, en iuj kazoj, kiam vi absolute devas anstataŭi inline stilo, kiu estas parto de temo aŭ ŝablono kadro.

Eĉ en tiuj kazoj, uzu ĉi tiun aliron tiel ŝpareble kiel eble plej kaj strebi skribi purajn stilojn, kiuj komprenas la akvofalon.

Uzilaj Stiloj

Estas unu fina noto pri la grava direktoro, kiu estas esenca por kompreni. Ĉi tiu direktoro ankaŭ estis metita por helpi retpaĝajn uzantojn alfronti stilajn foliojn, kiuj faras malfacilajn paĝojn por ili uzi aŭ legi.

Kutime, se uzanto difinas stilon por vidi retpaĝojn, tiu stilo-folio estas kontraktita per la folia stilo de la aŭtoro. Se la uzanto markas tiel gravan stilon, tiu stilo superregas la stilon de la aŭtoro de la retejo de la aŭtoro, eĉ se la aŭtoro markas regulon kiel grava.

Ĉi tio estas helpema por uzantoj, kiuj devas agordi stilojn laŭ certa maniero. Ekzemple, iu eble bezonos pliigi defaŭlta tipara grando en ĉiuj paĝoj, kiujn ili uzas. Per uzado de via grava direktaĵo iomete ene de la paĝoj, kiujn vi konstruas, vi akomodas iujn specialajn bezonojn, kiujn viaj uzantoj povas havi.

Redaktita de Jeremy Girard