[Code] Cách sử dụng :hover

  • Admin
    1. [Code] Cách sử dụng :hover
    avatar ACP

    Cấu trúc của :hover


    Ví dụ với mẫu html sau
    Code:
    <a class="hotrofm" href="http://www.hotrofm.net/"><span class="classhotro">hotrofm</span></a>

    khi không có class thì tôi chọn a

    Code:
    a:hover {
        property : value;
    }

    Nếu có class thì tôi sẽ chọn class hotrofm

    Code:
    a.hotrofm:hover {
        property : value;
    }

    Sử dụng :hover với thuộc tính affter và before


    không viết :before::hover mà hãy viết :hover::before

    Code:
    a:hover::before {
        property : value;
    }

    Tương tự after cũng thế

    Code:
    a:hover::after {
        property : value;
    }

    Sử dụng :hover áp dụng chọn cho class ở trong


    ở đây mình chọn classhotro

    Code:
    a.hotrofm:hover .classhotro {
        property : value;
    }

Thông tin tác giả
avatar
ACP
Bài viết :
348
Points :
679
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết

<