Selector nədir?

Selector — CSS və ya JavaScript-in hansı HTML elementini hədəf aldığını göstərən bir "ünvan" və ya "işarə"dir. Brauzerə deyir ki, "bu stilləri və ya bu dəyişikliyi məhz bu elementə tətbiq et."

Poçt ünvanı kimi düşünün

Məktub göndərmək üçün dəqiq ünvan lazımdır — küçə, ev nömrəsi, şəhər. Selector da eyni şeyi edir. Əgər düzgün selektor yazmasanız, stil istədiyiniz elementə deyil, tamamilə başqa bir yerə tətbiq ola bilər.

Selector növləri

Element selectoru p — bütün paraqraflara tətbiq olunur. Class selectoru .card — class-ı "card" olan bütün elementlərə. ID selectoru #header — yalnız id-si "header" olan tək elementə. Bunlardan əlavə hover, first-child, nth-child kimi xüsusi selektorlar da var.

JavaScript-də selector

CSS-dən başqa JavaScript-də də selektorlardan istifadə edirik. document.querySelector(".card") yazanda JavaScript həmin class-a sahib ilk elementi tapır. querySelectorAll isə həmin class-dan olan bütün elementləri qaytarır. Yəni selektor həm CSS-in, həm də JS-in əsas alətidir.

İstəyirsiniz ki, bu biliyi praktikaya keçirib real nəticələr əldə edəsiniz? IT və Kompüter Mühəndisliyi kursumuzla addım-addım öyrənməyə başlayın. Ətraflı məlumat üçün linkə keçid edin: IT və Kompüter Mühəndisliyi kursu