< CSS

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

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

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)