Ki sa "Cascade" vle di nan dra Cascading Style?

Cascading Style Dra oswa CSS yo mete kanpe pou ke ou ka gen anpil pwopriyete tout ki afekte menm eleman an. Gen kèk nan pwopriyete sa yo ka konfli youn ak lòt. Pou egzanp, ou ta ka mete yon koulè font nan wouj sou tag nan paragraf ak Lè sa a, pita sou, mete yon koulè font nan ble. Ki jan navigatè a konnen ki koulè fè paragraf yo? Sa a se deside pa kaskad la.

Kalite Dra Style

Gen twa diferan kalite dra style:

  1. Otè Style Dra
    1. Sa yo se dra style ki kreye pa otè a nan paj wèb la. Yo se sa ki pi fò moun panse a lè yo panse nan dra CSS style.
  2. Itilizatè yo Dra Dra
    1. Itilizatè style dra yo mete pa itilizatè a nan paj wèb la. Sa yo pèmèt itilizatè a gen plis kontwòl sou ki jan paj yo montre.
  3. Itilizatè Ajan Style Dra
    1. Sa yo se Styles ki navigatè wèb la aplike nan paj la ede montre ke paj. Pou egzanp, nan XHTML, ajan itilizatè ki pi vizyèl montre etikèt la kòm tèks italik. Sa a se defini nan fèy la ajan itilizatè style.

Pwopriyete ki defini nan chak nan fèy yo anwo a yo bay yon pwa. Pa default, fèy la style otè gen pwa ki pi, ki te swiv pa fèy la style itilizatè, epi finalman pa fèy itilizatè style ajan. Sèl eksepsyon sa a se ak règ la enpòtan! Nan yon fèy style itilizatè. Sa a gen plis pwa pase fèy style otè a.

Lòd kaskad

Pou rezoud konfli, navigatè entènèt yo itilize lòd klasman sa yo pou detèmine ki style ki gen priyorite epi yo pral itilize:

  1. Premyèman, gade pou tout deklarasyon ki aplike nan eleman an nan kesyon, ak pou kalite medya ki asiyen an.
  2. Lè sa a, gade nan ki style fèy li ap vini soti nan. Kòm pi wo a, dra style otè vini an premye, Lè sa a, itilizatè, Lè sa a, itilizatè ajan. Avèk! Styles itilizatè enpòtan ki gen pi wo priyorite pase otè! Styles enpòtan.
  3. Pi espesifik yon selektè se, pi plis nan priyorite li pral jwenn. Pou egzanp, yon style sou "div.co p" ap gen yon pi wo priyorite pase yon sèl jis sou "p" tag la.
  4. Finalman, sòt règleman yo pa lòd yo te defini. Règ ke yo defini pita nan pyebwa dokiman an gen pi wo priyorite pase sa yo defini pi bonè. Ak règ ki soti nan yon fèy style enpòte yo konsidere kòm règ dirèkteman nan fèy la style.