Web Cơ Bản

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ụ