Bộ chọn neo CSS
Sử dụng bộ chọn lớp giả CSS, cụ thể là,. tích cực,. bay lượn,. liên kết và. đã truy cập, chúng tôi có thể định kiểu các trạng thái khác nhau của liên kết/neo. Để có chức năng phù hợp, thứ tự của các bộ chọn này phải là - Show
Cú pháp của thuộc tính lớp giả CSS như sau - a:(pseudo-selector) { /*declarations*/ } Ví dụHãy xem một ví dụ để sử dụng Các lớp giả CSS Anchor – Bản thử trực tiếp
đầu raĐầu ra ban đầu - Khi di chuột vào liên kết đầu tiên, chúng tôi nhận được đầu ra sau Trong khi nhấp vào liên kết đầu tiên, đầu ra sau được trả về - Hãy xem một ví dụ khác về CSS Anchor Pseudo Class - Ví dụBản thử trực tiếp CSS Anchor Pseudo Classes đầu raBộ chọn giả Chẳng hạn, đây là CSS sẽ làm cho các liên kết neo giảm xuống một pixel (tạo cảm giác như được đẩy trong không gian ba chiều) ở trạng thái hoạt động Dự phòng nhúng CodePen
Dự phòng nhúng CodePen Cách tốt nhất là bao gồm tất cả các “trạng thái”, đặc biệt đối với các liên kết. Một cách dễ dàng để làm điều đó là “LOVE HATE” hoặc
Làm chúng theo thứ tự đó là lý tưởng
Mặt khác, giả sử nếu bạn liệt kê kiểu Bộ chọn
Ví dụ trên sẽ thay đổi màu của tất cả các liên kết thành aquamarine Khi được sử dụng kết hợp với lớp giả Lớp giả 7Dưới đây là một số ví dụ để xem những gì sẽ phù hợp với lớp giả
Chỉ có ba phần tử HTML chấp nhận thuộc tính 1 và 2. Chỉ phần tử mới có thể được tạo kiểu thông qua lớp giả :link . Ngoài ra, bạn không thể thêm thuộc tính href vào một loại phần tử khác và làm cho nó có thể tạo kiểu thông qua :link . Nói cách khác, nếu bạn có HTML sau
CSS sau đây sẽ không có hiệu lực
Một lần nữa, HTML sẽ không xác thực được, vì 8Do thực tế là
Ngoài ra, đối với tất cả các mục đích thực tế khi sử dụng HTML, lớp giả
Tuy nhiên, nếu có bất kỳ phần tử 6), đoạn mã trên cũng sẽ nhắm mục tiêu các phần tử đó và đây có thể không phải là kết quả mong muốnCũng cần chỉ ra rằng, bắt đầu với CSS2, các ngôn ngữ tài liệu khác (ngoài HTML) có thể xác định các thành phần khác, ngoài các ký tự neo, có thể được tạo kiểu thông qua lớp giả 5 loại bộ chọn CSS là gì?Có nhiều loại bộ chọn cơ bản khác nhau. . Bộ chọn phần tử bộ chọn id Bộ chọn lớp Bộ chọn chung Bộ chọn nhóm Bộ chọn thuộc tính Bộ chọn lớp giả Bộ chọn phần tử giả Bạn có thể nhắm mục tiêu a href bằng CSS không?Các. lớp giả liên kết sẽ nhắm mục tiêu tất cả các phần tử có thuộc tính href, ngay cả khi href có giá trị trống. .
Bộ chọn CSS href là gì?Trong CSS, bộ chọn là các mẫu được sử dụng để chọn (các) phần tử bạn muốn tạo kiểu.
. Bộ chọn CSS |