Bộ chọn :visited trong CSS
1) Bộ chọn :visited trong CSS
- Bộ chọn :visited dùng để chọn các liên kết mà đường dẫn của nó đã được trình duyệt viếng thăm.
- Giới thiệu thêm:
- Bộ chọn :link dùng để chọn các liên kết mà đường dẫn của nó chưa được trình duyệt viếng thăm.
- Bộ chọn :hover dùng để chọn phần tử đang được người dùng dí chuột vào.
- Bộ chọn :active dùng để chọn phần tử đang được người dùng nhấp vào.
- Lưu ý: Bộ chọn :visited và bộ chọn :link chỉ chọn các phần tử là liên kết.
2) Cách sử dụng bộ chọn :visited trong CSS
- Để sử dụng bộ chọn :visited, ta dùng cú pháp như sau:
:visited{
các khai báo định dạng CSS
}
3) Một số ví dụ
Ví dụ:
- Thiết lập chữ màu đỏ cho các liên kết đã được trình duyệt viếng thăm
:visited{
color:red;
}
Xem ví dụ
Ví dụ:
- Thiết lập chữ màu đỏ cho các liên kết có lớp là info và đã được trình duyệt viếng thăm
a.info:visited{
color:red;
}
Xem ví dụ
Ví dụ:
- Thiết lập chữ màu đỏ cho các liên kết (tùy vào trường hợp)
a:link{
color:green;
}
a:visited{
color:green;
}
a:hover{
color:red;
}
a:active{
color:black;
}
Xem ví dụ