CSS-də seçicilərin irsi necə baş verir?

CSS-də irsiyyət, üslub xüsusiyyətlərinin valide valide elementlərdən onların uşa elementlərinə keçə bilməsi səbəbindən baş verir. Bu, CSS spesifikasiyası ilə təyin olunmuşdur ki, üslublamağı sadələşdirsin və kodun təkrarlanmasının qarşısını alsın.

Bütün CSS xüsusiyyətləri irsi deyil. Burada bəzi irsi və irsi olmayan xüsusiyyət nümunələri verilmişdir:

İrsiyə alınan xüsusiyyətlər	İrsiyə alınmayan xüsusiyyətlər
text-align	border
color	margin
font-family	padding
font-size	background
line-height	width
list-style-type	height

İrsiyyət mexanizmi brauzer tərəfindən HTML sənədində (DOM ağacı) elementlərin hierarxiyasına əsaslanaraq müəyyən edilir. Əgər uşaq elementə irsi xüsusiyyət üçün açıq dəyər təyin edilməyibsə, o, ən yaxın atasından bu xüsusiyyətin dəyərini irsi olaraq alır.

/* Rəngi qırmızı təyin et */
body {
  color: red;
}

/* Body-nin bütün uşaqları, color xüsusiyyəti təyin olunmayıbsa, qırmızı olacaq */
p {
  /* Bu paraqraf qırmızı olacaq */
}

/* Müəyyən bir element üçün color xüsusiyyətini yenidən təyin et */
div {
  color: blue;
}

/* Bu div içindəki paraqraf mavi olacaq */
div p {
  /* Bu paraqraf mavi olacaq */
}

İrsiyyət istifadə edərək, böyük məzmun blokları üçün ümumi üslublar təyin etmək mümkündür, və uşaqlar elementlər avtomatik olaraq bu üslubları qəbul edir, əgər başqa cür göstərilməyibsə. Bu, kodun saxlanmasını və oxunuşunu yaxşılaşdırır.