Đối với bất kỳ trang web nào được truy cập (a:visited), tôi muốn hiển thị các liên kết đó trên trang web của tôi bằng một dấu kiểm nhỏ ở bên trái của liên kết.CSS: Cách đặt ký tự dấu/acsii bên cạnh tất cả các liên kết đã truy cập?
Vì vậy, ví dụ:
"đây là một liên kết unvisited"
√ "này là một liên kết đến thăm"
Câu hỏi: làm thế nào để đạt được các dấu sử dụng CSS?
Bạn có thể sử dụng :before bộ chọn giả, nhưng nó không được hỗ trợ tốt.
Để được hỗ trợ tốt hơn, hãy đặt hình ảnh và đặt hình ảnh thành background-image. Sau đó, sử dụng padding để hiển thị hình ảnh.
:: trước và sau khi pseudoelements được hỗ trợ tốt trong các trình duyệt hiện đại, nhưng không được hỗ trợ ở tất cả trong IE 6 và trước đó. Đôi khi điều đó không quan trọng. – Anonymous
Yeh. Khá chắc chắn nó không được hỗ trợ trong IE7 quá http://www.quirksmode.org/css/beforeafter.html – alex
Nếu IE 8 đến từ WU đến XP, hầu như bất kỳ ai có IE 7 được đẩy vào chúng đều đã có IE 8. (Of tất nhiên, thể chế là thẻ hoang dã.) – Anonymous
Bạn có thể sử dụng kết hợp nền và đệm để có hiệu ứng này.
a:visited {
background: transparent url("path/to/checkmark.png") left center no-repeat;
padding-left: 10px;
}
Điều chỉnh phần đệm và vị trí nền cho phù hợp với nhu cầu của bạn. Hi vọng điêu nay co ich.
a:visited:before {
content: "\00A0\221A";
}
Sử dụng: trước psuedo-selector cho các trình duyệt hiện đại, Javascript cho trình duyệt crappy và background-hình ảnh cho những người không nên quan trọng. –