Liên kết với lớp trong CSS

Bây giờ giả sử chính các liên kết có một lớp:

<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>
<a href="#" class="eee">link</a>

Hãy đặt kiểu cho các liên kết có lớp như vậy:

a:link.eee, a:visited.eee {
	color: red;
}
a:hover.eee {
	text-decoration: none;
}

Không quan trọng thứ tự viết lớp của liên kết và các lớp giả trạng thái. Có thể hoán đổi vị trí của chúng và điều đó sẽ không thay đổi gì:

a.eee:link, a.eee:visited {
	color: red;
}
a.eee:hover {
	text-decoration: none;
}

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ã với bộ chọn:

a.zzz {
	color: red;
}
a.zzz:hover {
	text-decoration: none;
}

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ã với bộ chọn:

#block a.zzz {
	color: red;
}
#block a.zzz:hover {
	text-decoration: none;
}

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ã với bộ chọn:

.block a.zzz {
	color: red;
}
.block a.zzz:hover {
	text-decoration: none;
}