Cái nào không phải là bộ chọn CSS?
Trong CSS, chúng ta thường cần ký vào bài đăng mà chúng ta muốn chọn một phần tử, nhưng không phải trong các trường hợp cụ thể - chẳng hạn như nếu phần tử đó có một lớp nhất định. Trong những trường hợp này, chúng ta có thể sử dụng bộ chọn Show CSS không phải bộ chọnBộ chọn CSS
Chúng tôi có một loạt các 1, thì chúng ta có thể sử dụng 2 để đảm bảo chúng vẫn không có màu đỏ
Đây là một ví dụ khác. Theo mặc định, tất cả các thành phần sẽ có phông chữ Arial - ngoại trừ các thành phần 3
CSS của chúng tôi, nơi chỉ các phần tử không phải là 3 sử dụng phông chữ Arial, trông như thế này
CSS không phải bộ chọn Tăng tính đặc hiệuBạn có thể đã quen với khái niệm về tính đặc hiệu trong CSS, trong đó một số bộ chọn nhất định “ghi đè” những bộ chọn khác. Ví dụ: một 5 có độ đặc hiệu thấp hơn một 6, do đó, mọi thuộc tính CSS của 6 sẽ ghi đè lên các thuộc tính của 5 trên cùng một phần tửBộ chọn 9 cũng ảnh hưởng đến tính đặc hiệu. Ví dụ: nếu bạn có 0 trong mã của mình, nó vẫn được tính là có 6, vì vậy độ đặc hiệu sẽ tăng lên nếu nó có một 6. Điều này rất hữu ích để ghi nhớ khi sử dụng :not() CSS không phải Bộ chọn và cấu trúc DOMMột điều khó hiểu về
Giả sử bạn chỉ muốn áp dụng một kiểu cho các phần tử 5 không nằm trong các phần tử 6. Đơn giản, phải không?
Chỉ điều này sẽ không hoạt động và lý do tại sao 8. Điều đó có nghĩa là 9 được áp dụng cho 8, và nó thực sự không phải là một hình thức. Vì vậy, cả hai phần tử 5 sẽ có viền màu đỏ. Để tránh điều đó, bạn cần xóa phần tử bao bọc và đặt đầu vào là phần tử con trực tiếp của biểu mẫu
Bằng cách đó, đầu vào trong biểu mẫu sẽ không kế thừa các kiểu từ 2 Hỗ trợ CSS không phải bộ chọnĐiều quan trọng cần lưu ý là có hai phiên bản của bộ chọn Tất cả các trình duyệt đều hỗ trợ các bộ chọn 9, bạn có thể thực hiện tất cả những việc sau
Tuy nhiên, những thứ như sau chỉ khả dụng với các bộ chọn phức tạp
May mắn thay, hỗ trợ cho các bộ chọn phức tạp vẫn còn khá cao. Trình duyệt duy nhất không hỗ trợ bộ chọn phức tạp hiện nay là Internet Explorer và một số trình duyệt di động 4 bộ chọn CSS là gì?Bộ chọn CSS . Bộ chọn đơn giản (chọn các phần tử dựa trên tên, id, lớp) Bộ chọn tổ hợp (chọn các phần tử dựa trên mối quan hệ cụ thể giữa chúng) Bộ chọn lớp giả (chọn các phần tử dựa trên một trạng thái nhất định) Bộ chọn phần tử giả (chọn và tạo kiểu cho một phần của phần tử) 5 bộ chọn CSS là gì?Có một số loại bộ chọn khác nhau trong CSS. . Bộ chọn phần tử CSS Bộ chọn Id CSS Bộ chọn lớp CSS Bộ chọn chung CSS Bộ chọn nhóm CSS Bộ chọn trong CSS là gì?Bộ chọn là gì? . Đó là mẫu phần tử và các thuật ngữ khác cho trình duyệt biết nên chọn phần tử HTML nào để có các giá trị thuộc tính CSS bên trong quy tắc được áp dụng cho chúng .
Không phải là một loại Bộ chọn CSS sao *?Các. not() trong CSS là một lớp giả phủ định và chấp nhận một bộ chọn đơn giản hoặc một danh sách bộ chọn làm đối số. Nó khớp với một phần tử không được đại diện bởi đối số. Đối số đã truyền không được chứa bộ chọn bổ sung hoặc bất kỳ bộ chọn phần tử giả nào. |