Bộ chọn :link trong CSS
1) Bộ chọn :link trong CSS
- 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.
- Giới thiệu thêm:
- 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.
- 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 :link và bộ chọn :visited chỉ chọn các phần tử là liên kết.
2) Cách sử dụng bộ chọn :link trong CSS
- Để sử dụng bộ chọn :link, ta dùng cú pháp như sau:
:link{
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 chưa được trình duyệt viếng thăm
:link{
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à chưa được trình duyệt viếng thăm
a.info:link{
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ụ