Cách thực hiện - Hiển thị một phần tử khi di chuột
Tìm hiểu cách hiển thị một phần tử khi di chuột.
Cách hiển thị một phần tử khi di chuột
Bước 1) Thêm HTML:
Ví dụ
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
Bước 2) Thêm CSS:
Ví dụ giải thích
Bộ chọn anh em liền kề ( +
) chọn tất cả các phần tử là anh em liền kề của một phần tử được chỉ định.
Từ "liền kề" có nghĩa là "ngay lập tức theo sau" và ví dụ trên chọn tất cả các phần tử có class=".hide"
, được đặt ngay sau các phần tử có class=".myDIV
", khi di chuột.
Hãy truy cập Hướng dẫn sử dụng Bộ kết hợp CSS của chúng tôi để tìm hiểu thêm về các bộ chọn liền kề.