Yeni Baslayanlarin Usaq Seçicisinde Etdiyi Səhv

Aşağıdakı seçiciyə nəzər yetirin:

p.eee {
	color: red;
}

Artıq bilmelisiniz ki, belə bir seçici eee sinfi olan abzasları seçəcək. Məsələn, bunları:

<p class="eee">
	lorem ipsum
</p>
<p class="eee">
	lorem ipsum
</p>

İndi isə bu seçiciyə baxın:

p .eee {
	color: green;
}

Bu seçici əvvəlkindən onunla fərqlənir ki, teq adı ilə sinif adı arasında boşluq var. Bu boşluq usaq seçicisini təmsil edir. Yəni bu halda biz abzasların içində yerləşən eee sinfi olan bütün elementləri seçirik. Məsələn, bu seçici aşağıdakı spanları seçəcək:

<p>
	lorem <span class="eee">ipsum</span>
</p>
<p>
	lorem <span class="eee">ipsum</span>
</p>

Kodun icrasının nəticəsi:

Beləliklə, bir daha: p.eee - belə bir seçici eee sinfi olan abzasları seçir. Amma əgər mən belə etsəm: p .eee, onda abzasların içində yerləşən eee sinfi olan bütün elementləri seçərəm. Bu fərqi hiss edin.

Aşağıda verilmiş koddakı seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Seçicisi olan kod:

p.bbb {
	color: red;
}

Aşağıda verilmiş koddakı seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Seçicisi olan kod:

p .bbb {
	color: red;
}

Aşağıda verilmiş koddakı seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Seçicisi olan kod:

.eee p.bbb {
	color: red;
}

Aşağıda verilmiş koddakı seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Seçicisi olan kod:

.eee p .bbb {
	color: red;
}