Tính độ ưu tiên CSS và quy tắc nào được áp dụng
Dán bộ chọn để đếm độ ưu tiên, hoặc dán CSS và phần tử để xem quy tắc nào đang được áp dụng.
- Chạy trên thiết bị của bạn
- Không cần đăng ký
- Dùng được offline sau lần truy cập
Không bao gồm kiểu mặc định của trình duyệt và các stylesheet khác. Không có gì được gửi đi đâu cả.
| Bộ chọn | Độ ưu tiên | Trọng số | Ngữ cảnh |
|---|
| Quy tắc | Giá trị | Độ ưu tiên | Layer | Kết quả |
|---|
Cách tìm quy tắc CSS nào thắng
- Chọn chế độ: đếm bộ chọn, hoặc tìm quy tắc thắng.
- Dán các bộ chọn, hoặc CSS, HTML và thuộc tính.
- Đọc điểm số, hoặc quy tắc thắng và lý do mỗi quy tắc còn lại thua.
Câu hỏi
Độ ưu tiên được đếm như thế nào?
Mỗi id được tính 1,0,0, mỗi class, thuộc tính hoặc pseudo-class được tính 0,1,0, và mỗi tên phần tử hoặc pseudo-element được tính 0,0,1. Bộ chọn toàn cục và :where() không được tính điểm.
Cách đếm của :is(), :not() và :has() ra sao?
Chúng được tính theo đối số mạnh nhất của mình. Vì vậy :is(#a, .b) p có điểm 1,0,1, bởi #a là phần mạnh nhất bên trong :is(). Quy tắc với :where(#a) p có điểm 0,0,1.
Vì sao một quy tắc nằm trong layer lại thua quy tắc thường?
Với khai báo thông thường, quy tắc nằm ngoài mọi layer sẽ thắng quy tắc nằm trong layer. Với !important thì thứ tự đảo lại, nên layer đứng trước sẽ thắng. Thuộc tính style thông thường thắng mọi quy tắc trong stylesheet thông thường, còn thuộc tính style có !important thắng mọi quy tắc !important khác.
CSS của tôi có bị gửi đi đâu không?
Không. Trình duyệt của bạn tự phân tích và so khớp các bộ chọn ngay trong tab này, không có gì được gửi lên máy chủ.
Đánh giá
Chưa có đánh giá nào. Hãy là người đầu tiên.