CSS lépcsőzetesség

• Szerző: Sallai András
• Copyright © Sallai András, 2022
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

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 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:

h1 {
    background-color: blue;
}
 
h1 {
    background-color: green;
}

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

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

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