Monday, August 13, 2018

link

4 pseudo-class

link
hover: khi di chuột lên link
active: khi click vào link
visited: link đã thăm

sử dụng cấu trúc element:pseudo-class

vd
a:link{
}
a:hover{
}
a:active{
}
a:visited{
}


chú ý: nếu set ntn thì cái thiết lập trên a:visited sẽ đè lên các thiết lập ở bên trên
=> với link đã visited thì khi hover hoặc khi click vào link đó sẽ không thay đổi gì, vẫn giống như cái link đã visited
=> giải pháp: đẩy a:visited lên trên đứng ở vị trí thứ 2

No comments:

Post a Comment