Lỗi khi sử dụng nhiều bộ chọn CSS

Nhắc lại về lỗi của người mới: bộ chọn .bbb.zzz và bộ chọn .bbb .zzz thực hiện những việc khác nhau. Bộ chọn đầu tiên tìm phần tử có đồng thời hai lớp, còn bộ chọn thứ hai - tìm phần tử có lớp zzz, nằm bên trong phần tử có lớp bbb.

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

h2.zzz {
	color: red;
}

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

h2 .zzz {
	color: red;
}

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

.bbb.zzz {
	color: red;
}

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

.bbb .zzz {
	color: red;
}

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

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

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

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

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

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

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

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

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

#elem.bbb {
	color: red;
}

Hãy giải thích bộ chọn trong đoạn mã dưới đây chọn cái gì. Sau đó, viết mã HTML phù hợp với bộ chọn này. Đây là đoạn mã chứa bộ chọn:

#elem .bbb {
	color: red;
}