CSS-də bir neçə selektorun bitişik yazılması
Bir elementı eyni zamanda bir neçə seçiciyə uyğun seçmək üçün, bu seçiciləri boşluq olmadan bitişik yazmaq lazımdır.
Məsələn, aşağıdakı seçici eyni zamanda bbb sinfini və
zzz sinfini olan elementı seçəcək:
.bbb.zzz {
}
Aşağıdakı seçici isə eyni zamanda bbb sinfini və
zzz sinfini olan h2 başlıq elementını seçəcək:
h2.bbb.zzz {
}
Göstərilən üsulla istənilən mürəkkəb seçici quruluşları yaradıla bilər. Bununla belə, istifadə olunan seçicilərin sırasının əhəmiyyəti yoxdur, yalnız teq seçicilərinin ən əvvələ qoyulması qaydası istisnadır.
Yəni, məsələn, .bbb.zzz və .zzz.bbb seçiciləri
tamamilə ekvivalentdir.
Bundan əlavə, id istifadə edərək seçicilər yaratmaq olar,
məsələn: #elem.eee, və ya h2#elem.eee,
ya da h2.eee#elem və s.
Aşağıdakı kodda verilmiş seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Selektoru olan kod:
.bbb.zzz {
color: red;
}
Aşağıdakı kodda verilmiş seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Selektoru olan kod:
h2.bbb.zzz {
color: red;
}
Aşağıdakı kodda verilmiş seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Selektoru olan kod:
#elem.bbb {
color: red;
}
Aşağıdakı kodda verilmiş seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Selektoru olan kod:
#elem.bbb.zzz {
color: red;
}
Aşağıdakı kodda verilmiş seçicinin nəyi seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodu yazın. Selektoru olan kod:
h2#elem.bbb {
color: red;
}
