കാസ്കേഡ് സ്റ്റൈൽ ഷീറ്റുകളിൽ എന്താണ് "കാസ്കേഡ്" അർത്ഥമാക്കുന്നത്?

സ്റ്റാറ്റ്സ് ഷീറ്റുകൾ അല്ലെങ്കിൽ സിസ് സെറ്റ് ചെയ്തിരിക്കുന്നു, അങ്ങനെ നിങ്ങൾക്ക് പല ഘടകങ്ങളും ഒരേ മൂലകങ്ങളെ ബാധിക്കുന്നു. അവയിൽ ചിലത് അന്യോന്യം പൊരുത്തപ്പെടാം. ഉദാഹരണത്തിന്, നിങ്ങൾ ശീർഷക ടാഗിൽ ചുവപ്പിൻറെ ഫോണ്ട് വർണ്ണം ക്രമീകരിക്കുകയും അതിനുശേഷം നീല നിറത്തിലുള്ള ഫോണ്ട് വർണ്ണം സജ്ജമാക്കുകയും ചെയ്യാം. ഖണ്ഡികകൾ നിർമ്മിക്കാൻ ഏത് നിറമാണ് ബ്രൌസർ ചെയ്യുന്നത്? ഇത് കാസ്കേഡ് തീരുമാനിച്ചു.

സ്റ്റൈൽ ഷീറ്റുകളുടെ തരങ്ങൾ

മൂന്നു വ്യത്യസ്ത ശൈലി ഷീറ്റുകൾ ഉണ്ട്:

  1. രചയിതസ് സ്റ്റൈൽ ഷീറ്റുകൾ
    1. വെബ് പേജിന്റെ രചയിതാവ് സൃഷ്ടിച്ച ശൈലി ഷീറ്റുകൾ ഇവയാണ്. അവരുടേത് സിഎസ്ഇ ശൈലി ഷീറ്റുകളെ കുറിച്ചു ചിന്തിക്കുമ്പോൾ അവർ വിചാരിക്കുന്നു.
  2. ഉപയോക്തൃ ശൈലി ഷീറ്റുകൾ
    1. വെബ്പേജിന്റെ ഉപയോക്താവിന് ഉപയോക്താവിന്റെ സ്റ്റൈൽ ഷീറ്റുകൾ സജ്ജമാക്കിയിരിയ്ക്കുന്നു. പേജുകൾ എങ്ങനെ പ്രദർശിപ്പിക്കാമെന്നതിനെ നിയന്ത്രിക്കാൻ ഇത് ഉപയോക്താക്കളെ സഹായിക്കുന്നു.
  3. ഉപയോക്തൃ ഏജൻറ് സ്റ്റൈൽ ഷീറ്റുകൾ
    1. ആ പേജ് ഡിസ്പ്ലേ ചെയ്യുന്നതിനായി വെബ് ബ്രൗസർ പേജിൽ പ്രയോഗിക്കുന്ന ശൈലികളാണ് ഇവ. ഉദാഹരണത്തിന്, എക്സ്.എച്ച്.റ്റി.എം.എലിൽ, മിക്ക ദൃശ്യ ഉപയോക്താവിനും ഈ ടാഗ് ഇറ്റാലിക്ക് ചെയ്ത വാചകമായി അടയാളപ്പെടുത്തുന്നു. ഇത് ഉപയോക്തൃ ഏജന്റ് ശൈലി ഷീറ്റിൽ നിർവ്വചിച്ചിരിക്കുന്നു.

മുകളിൽ പറഞ്ഞിരിക്കുന്ന സ്റ്റൈൽഷീറ്റുകളിൽ ഓരോന്നും നിർവ്വചിച്ചിരിക്കുന്ന പ്രോപ്പർട്ടികൾ ഒരു ഭാരം നൽകുന്നു. സ്വതവേ, രചയിത ശൈലി ഷീറ്റിനു് ഏറ്റവും ഭാരം, ഉപയോക്തൃ ശൈലി ഷീറ്റ്, ഒടുവിൽ ഉപയോക്തൃ ഏജന്റ് ശൈലി ഷീറ്റ് എന്നിവ. ഒരു ഉപയോക്തൃ ശൈലി ഷീറ്റിലെ പ്രധാന ഭരണം ഇതിനേയുള്ളൂ. രചയിതാവിൻറെ ശൈലി ഷീറ്റിനെക്കാൾ ഇതിന് കൂടുതൽ ഭാരം ഉണ്ട്.

കാസ്കേഡിംഗ് ഓർഡർ

വൈരുദ്ധ്യങ്ങൾ പരിഹരിക്കുന്നതിന്, ഏത് ശൈലി മുൻഗണനാണെന്ന് നിർണ്ണയിക്കാൻ വെബ് ബ്രൌസറുകൾ ഇനി പറയുന്ന ക്രമപ്പെടുത്തൽ ഓർഡർ ഉപയോഗിക്കുകയും അവ ഉപയോഗിക്കുകയും ചെയ്യും:

  1. ആദ്യം, സംശയാസ്പദമായ ഘടകത്തിന് ബാധകമാകുന്ന എല്ലാ പ്രഖ്യാപനങ്ങൾക്കും, നൽകിയിരിക്കുന്ന മീഡിയ തരത്തിനും നോക്കുക.
  2. അത് എങ്ങനെയാണ് വരുന്ന സ്റ്റൈൽ ഷീറ്റ് നോക്കുക. മുകളിൽ പറഞ്ഞപോലെ, എഴുത്തുകാരൻ സ്റ്റൈൽ ഷീറ്റുകൾ ആദ്യം, തുടർന്ന് ഉപയോക്താവും, പിന്നെ ഉപയോക്തൃ ഏജന്റും വരും. പ്രധാന രചയിതാക്കളെക്കാൾ പ്രാധാന്യം ഉള്ള പ്രധാന ഉപയോക്തൃ ശൈലികൾ!
  3. ഒരു സെലക്ടർ എന്നതിനേക്കാൾ കൂടുതൽ മുൻഗണന ലഭിക്കും. ഉദാഹരണത്തിന്, "div.co p" യിലെ ഒരു ശൈലിയിൽ "p" ടാഗിൽ വെച്ച് ഒരു മുൻഗണന ഉണ്ടാകും.
  4. അന്തിമമായി, അവ നിർവചിക്കപ്പെട്ട ക്രമപ്രകാരം നിയമങ്ങൾ അടുക്കുക. പിന്നീട് പ്രമാണ വൃക്ഷത്തിൽ നിർവ്വചിച്ചിരിക്കുന്ന നിയമങ്ങൾ നേരത്തെ നിർവചിച്ചതിനേക്കാൾ ഉയർന്ന മുൻഗണനയുള്ളതാണ്. കൂടാതെ ഇറക്കുമതി ചെയ്ത ശൈലി ഷീറ്റിലെ നിയമങ്ങൾ ശൈലി ഷീറ്റിൽ നേരിട്ട് പരിഗണിക്കപ്പെടും.