CSS : Bộ chọn đã truy cập
Thí dụ
Chọn và tạo kiểu cho các liên kết đã truy cập:
a:visited
{
color: pink;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ :visited
chọn được sử dụng để chọn các liên kết đã truy cập.
Mẹo: Sử dụng : bộ chọn liên kết để tạo kiểu cho các liên kết đến các trang không được truy cập, bộ chọn : di chuột để tạo kiểu cho các liên kết khi bạn di chuột qua chúng và : bộ chọn hoạt động để tạo kiểu cho các liên kết khi bạn nhấp vào chúng.
Các trình duyệt giới hạn các kiểu có thể được đặt cho một: liên kết đã truy cập, do các vấn đề bảo mật.
Các kiểu được phép là:
- màu sắc
- màu nền
- màu viền (và màu viền cho các mặt riêng biệt)
- màu phác thảo
- cột-quy-tắc-màu
- phần màu của tô và nét vẽ
Tất cả các phong cách khác được kế thừa từ một: liên kết.
Phiên bản: | CSS1 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
:visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Cú pháp CSS
:visited {
css declarations;
}
Các ví dụ khác
Thí dụ
Chọn và tạo kiểu cho các liên kết không truy cập, đã truy cập, di chuột và đang hoạt động:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Thí dụ
Tạo kiểu liên kết với các kiểu khác nhau:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Các trang liên quan
Hướng dẫn CSS: Liên kết CSS
Hướng dẫn CSS: Các lớp giả CSS