Thursday, August 23, 2018

Pseudo Class (sử dụng với thẻ a và các thẻ khác)

Chú ý
- Một số Pseudo Class hay dùng:
:hoverChọn element ở trạng thái di chuột qua
:first-childChọn element mà là element con đầu tiên của 1 element khác
:last-childChọn element mà là element con cuối cùng của 1 element khác
:nth-child(n)Chọn element mà là element con thứ n của 1 element khác
:not(selector)Chọn element mà không phải là selector
- Khi sử dụng thẻ <a> thường chỉ cần style 2 màu là màu khi hover và các màu còn lại
a {
    color: black;
}

a:hover {
    color: grey:
}
- Có thể vào trang http://www.0to255.com/ để lấy mã màu tương đồng khi sử dụng Pseudo Class :hover 

------

Code mẫu cho thẻ a:

a:link{
 color: red;
}
a:visited{
 color: green;
}
a:hover{
 color: blue;
}
a:active{
 color:yellow;
}

No comments:

Post a Comment