CSS Seçici (Selector) — CSS-də istifadə olunan və hansı HTML elementinə stil (style) tətbiq olunacağını müəyyən edən əsas anlayışlardan biridir. Yəni seçici vasitəsilə biz deyirik: "Bu elementə bu cür dizayn ver."

Seçici, CSS yazarkən qaydanın ilk hissəsində yerləşir və hansı HTML elementi hədəf aldığını bildirir. Seçicidən sonra isə { } mötərizələri içərisində həmin elementə tətbiq olunacaq xüsusiyyətlər (properties) və dəyərlər (values) yazılır.

Məsələn:

p {

 color: red;

}

Bu nümunədə p — seçicidir. Bu o deməkdir ki, bütün <p> teqlərinə (paraqraf) qırmızı rəng tətbiq olunacaq.

Seçici növləri:

Element seçicisi (Type Selector): Birbaşa HTML teqinin adına əsaslanır.

h1 {

 font-size: 24px;

}

Sinif seçicisi (Class Selector): Eyni sinifə malik bir neçə elementə stil vermək üçün istifadə olunur. Nöqtə (.) ilə yazılır.

.highlight {

 background-color: yellow;

}

ID seçicisi (ID Selector): HTML-də unikal id atributu olan bir elementə stil verir. Raş (#) ilə yazılır.

#header {

 text-align: center;

}

Universal seçici (*): Səhifədəki bütün HTML elementlərinə tətbiq olunur.

* {

 margin: 0;

 padding: 0;

}

Birləşmiş seçicilər (Group Selectors): Eyni stilləri bir neçə seçiciyə tətbiq etmək üçün vergül ilə yazılır.

h1, h2, h3 {

 font-family: Arial;

}

Yuva seçiciləri (Descendant Selectors): Müəyyən bir elementin içindəki başqa bir elementi hədəf alır.

div p {

 color: green;

}

Nəticə:

CSS seçicilər veb dizaynın əsas təməl daşlarındandır. Onlar olmadan müəyyən elementə stil vermək mümkün olmaz. Düzgün seçici seçmək həm kodun oxunaqlığını, həm də performansını artırır.