CSS Mallonga Kurso
La akvofalo estas kio faras utilajn stilojn de CSS . En definitiva, la akvofalo difinas la ordo de prioritato por kiel konfliktantaj stiloj devus esti aplikitaj. Alivorte, se vi havas du stilojn:
p {koloro: ruĝa; }
p {koloro: blua; }
La akvofalo determinas kiun koloro la alineoj devus esti, kvankam la stila folio deklaras, ke ili estu ambaŭ ruĝaj kaj bluaj. Finfine nur unu koloro povas esti aplikita al alineoj, do devas esti ordo.
Kaj ĉi tiu ordo aplikiĝas per kiu la elektiloj (la p en la supra ekzemplo) havas la plej altan precedencon kaj kiun ordo ili aperas en la dokumento.
La sekva listo estas simpligo pri kiel via retumilo decidas antaŭenigon por stilo:
- Rigardu la stilon por elektisto kun la elemento. Se ne estas difinitaj stiloj, tiam uzu la defaŭltajn regulojn en la retumilo
- Rigardu la stilon de folioj por elektitaj elektiloj! Gravas kaj apliki tiujn al la taŭgaj elementoj.
- Ĉiuj stiloj en la stilo-folio anstataŭos defaŭltajn retumililojn (krom en la kazo de uzaj stilfolioj).
- La pli specifa la stilo selector, la pli alta la prioritato ĝi havos. Ekzemple, div> p.class estas pli specifa ol p.class, kiu estas pli specifa ol p.
- Finfine, se du reguloj aplikeblas al la sama elemento kaj havas la saman selectoron prioritaton, tiu, kiu estis laste ŝarĝita, estos aplikata. Alivorte, la stilo-folio estas legata de supre al sube, kaj stiloj estas aplikitaj unuflanke.
Surbaze de tiuj reguloj, en la supra ekzemplo, alineoj estus skribitaj en bluo, ĉar p {koloro: blua; } venas laste en la stila folio.
Ĉi tio estas tre simpligita klarigo de la akvofalo. Se vi interesas lerni pli pri kiel la akvofalo funkcias, vi devus legi Kion signifas "Akvofalo" en Cascading Style Sheets? .