Bir neçə CSS seçicisi istifadə edərkən səhv

Yeni başlayanların etdiyi səhvi xatırladıram: seçici .bbb.zzz və seçici .bbb .zzz fərqli şeylər edir. Birincisi eyni zamanda iki sinfi olan elementi axtarır, ikincisi isə bbb sinfinin içindəki zzz sinfi olan elementi axtarır.

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

h2.zzz {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

h2 .zzz {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

.bbb.zzz {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

.bbb .zzz {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

.bbb.zzz.xxx {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

.bbb .zzz.xxx {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

.bbb.zzz .xxx {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

.bbb .zzz .xxx {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

#elem.bbb {
	color: red;
}

Aşağıdakı kodda seçicinin nə seçdiyini izah edin. Sonra bu seçiciyə uyğun gələn HTML kodunu yazın. Selektor olan kod budur:

#elem .bbb {
	color: red;
}