Birden Fazla CSS Seçici Kullanımında Yapılan Hata

Yeni başlayanların yaptığı hatayı hatırlatıyorum: .bbb.zzz seçicisi ve .bbb .zzz seçicisi farklı şeyler yapar. Birincisi aynı anda iki sınıfa sahip olan elementi ararken, ikincisi - bbb sınıfının içinde bulunan zzz sınıfına sahip elemanı arar.

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

h2.zzz {
	color: red;
}

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

h2 .zzz {
	color: red;
}

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

.bbb.zzz {
	color: red;
}

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

.bbb .zzz {
	color: red;
}

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

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

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

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

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

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

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

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

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

#elem.bbb {
	color: red;
}

Aşağıdaki kodda verilen seçicinin ne seçtiğini anlatın. Ardından, bu seçiciye uygun HTML kodunu yazın. İşte seçicinin olduğu kod:

#elem .bbb {
	color: red;
}