[[oktatas:web:css|< CSS]]

====== CSS lépcsőzetesség ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2022
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== A lépcsőzetességről =====

A CSS a Cascading Style Sheets rövidítése. Ebből a Cascading azt jelenti,
lépcsőzetes. A stíluslapok lépcsőzetes használatára utal. De mitől lépcsőzetes
a stílus?
===== A kaszkád =====

A CSS szabályok néha felülírják egymást. Kérdés, hogy
melyik fog teljesülni. Ilyen esetekben a Cascading
algoritmus dönti el, melyik szabály alkalmazza a
böngésző.

A legegyszerűbb példa a problémára:

<code css>
h1 {
    background-color: blue;
}

h1 {
    background-color: green;
}
</code>

A kaszkád algoritmus négy különálló szakaszból áll:

  - sorrend - Melyik CSS szabály van utoljára
  - sajátosság - Melyik szelektor mutat erősebb egyezést
  - származás - Honnan származik a CSS szabály? Böngésző, böngésző bővítmény, szerző?
  - fontosság - Néhány CSS szabály súlyozása nagyobb, és ott van még a !important.

===== Forrás =====

  * https://web.dev/learn/css/the-cascade/ (2022)