CSS-də müxtəlif üslub prioritetləri necə işləyir?

CSS-də stil prioritetləri kaskad mexanizmi və seçicilərin xüsusiqlik ilə müəyyən edilir. Əsas prinsiplər:

1. Xüsusqlik — seçicinin çəkisi, ID, siniflər, etiketlər və digər komponentlərin sayı əsasında hesablanır. Daha yüksək xüsusiqlik, daha üstün stil deməkdir.

   • ID seçicisi (#id) yüksək prioritetə malikdir.
   • Siniflər (.sinif), atributlar və pseudoselektorlar orta prioritetə malikdir.
   • Etiketlər (div, p) aşağı prioritetə malikdir.

2. Kaskad — iki qayda eyni xüsusiqlikdədirsə, kodda daha sonra elan olunan tətbiq edilir.

3. !important — stile maksimum prioritet əlavə edir, digər qaydaları, daha yüksək xüsusiqliklə olan digər !important qaydalar istisna olmaqla, üstələyir.

4. Miras — bəzi xüsusiyyətlər (color, font-family) valideyndən miras alınır, əgər yenidən təyin olunmayıbsa.

Nümunə:

#header { color: red; }       /* xüsusiqlik 100 */
.menu { color: blue; }        /* xüsusiqlik 10  */
div { color: green; }         /* xüsusiqlik 1   */

/* Əgər elementin id="header" və sinfi="menu" varsa, rəng qırmızı olacaq */

Beləliklə, brauzer ən yüksək xüsusiqliklə stil seçir, ardıcıllıq və !important mövcudluğunu nəzərə alaraq.