Tôi đang làm việc trên ý tưởng của tôi: liên kết có một trạng thái (xanh dương, không gạch dưới, v.v.) với a: hover là màu trắng. Tôi muốn các liên kết truy cập của mình có cùng trạng thái là a:link và a:hover. Điều này có thể không? được hỗ trợ trong hầu hết các trình duyệt phổ biến?thiết lập một: liên kết đã truy cập đến cùng một trạng thái dưới dạng: liên kết và a: hover
Dưới đây là cách bạn có thể tạo kiểu cho các thẻ (bình thường và được truy cập) và tạo kiểu cho di chuột riêng.
a
{
color:#6c7492;
font-weight:bold;
text-decoration:none;
}
a:hover
{
border-bottom:1px solid #6c7492;
}
Nếu bạn đã sử dụng các lớp giả đó, tôi không hiểu tại sao không.
a:visited, a:hover {
...
}
a, a:link, a:hover, a:visited, a:active {text-decoration: none; color: blue;}
nên làm việc trên tất cả các trình duyệt CSS cho phép, mặc dù đây là một bad idea (hiện ẩn, Google Cache)
Để làm a:hover trắng, hoặc loại bỏ nó khỏi các quy tắc trên và thực hiện một đặc biệt quy tắc cho nó hoặc chỉ thêm:
a:hover {color: white !important;}
Hoàn toàn có thể là điểm sblundy. Tuy nhiên, nếu bạn thực hiện một quy tắc như vậy sẽ không còn bất kỳ dấu hiệu trực quan nào mà người dùng đang di chuột qua một liên kết đã được truy cập trước đó.
Ngoài ra, hãy nhớ để xác định các quy tắc theo thứ tự này:
a:link { }
a:visited { }
a:hover { }
a:active { }
Nếu không, bạn có thể có những kết quả bất ngờ bởi vì tất cả các quy tắc có tính đặc hiệu tương tự. Thứ tự là quan trọng.
EDIT: CSS2 cho phép ghép chuỗi các lớp giả. Điều này có thể được sử dụng để khắc phục vấn đề khả năng sử dụng [tiềm năng] mà yêu cầu của bạn tạo ra.
a:visited:hover { }
Tuy nhiên, tôi không biết liệu quy ước này có được hỗ trợ rộng rãi hay không.
Việc ghi nhớ tôi được dạy để ghi nhớ thứ tự đặt liên kết CSS của bạn là "LoVe HAte": liên kết, truy cập, di chuột, hoạt động.
Gắn bó: tập trung vào đó thường không phải là một ý tưởng tồi.
Tất nhiên, nếu bạn đang làm cho tất cả các trạng thái của liên kết trông giống nhau bằng cách liệt kê các bộ chọn bằng dấu phẩy, thì thứ tự không quan trọng.