Yeni Baslayanlarin Usaq Seçicisinde Etdiyi Səhv

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

cssp.eee {
  color: red;
}

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

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

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

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

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

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

cssp.bbb {
  color: red;
}

cssp .bbb {
  color: red;
}

css.eee p.bbb {
  color: red;
}

css.eee p .bbb {
  color: red;
}