Bộ chọn phức tạp với trạng thái liên kết trong CSS

Tất cả các bộ chọn phức tạp mà chúng ta đã học trước đây, đều có thể áp dụng cho các liên kết.

Hãy xem qua một ví dụ. Giả sử các liên kết của chúng ta nằm trong một khối có id được chỉ định:

<div id="block">
	<a href="#">liên kết</a>
	<a href="#">liên kết</a>
	<a href="#">liên kết</a>
</div>

Hãy đặt kiểu cho các liên kết từ khối này:

#block a:link, #block a:visited {
	color: red;
}
#block a:hover {
	text-decoration: none;
}

Thông thường, các trạng thái link và visited không được tách riêng, vì vậy mã có thể được đơn giản hóa như sau:

#block a {
	color: red;
}
#block a: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à mã với bộ chọn:

#test a {
	color: red;
}
#test a:hover {
	text-decoration: none;
}