Skip to main content

Máy Tính Độ Ưu Tiên CSS

Tính toán và so sánh điểm độ ưu tiên của CSS selector. Hiểu ưu tiên kiểu dáng để cải thiện kiến trúc CSS của bạn.

🎯

Thêm selector để so sánh độ ưu tiên của chúng

Cách Đọc Độ Ưu Tiên

Inline
Tạo kiểu trực tiếp qua thuộc tính style
ID
Chọn với #id
Class / Thuộc Tính / Pseudo-class
Chọn với .class, [attr], :hover, v.v.
Phần Tử / Pseudo-element
Chọn với div, p, ::before, v.v.
Chia sẻ công cụ
📖

Cách sử dụng

Step 1

Nhập Selector

Nhập Selector

Nhập các CSS selector

Step 2

Tính Toán

Tính Toán

Độ ưu tiên được tính tự động

Step 3

Xem Kết Quả

Xem Kết Quả

Kiểm tra giá trị độ ưu tiên và so sánh

Tính năng

Tính Toán Tức Thì

Tính ngay độ ưu tiên khi bạn nhập selector

So Sánh Selector

So sánh độ ưu tiên của nhiều selector cùng lúc

Hiển Thị Trực Quan

Hiển thị độ ưu tiên dưới dạng (a, b, c) và biểu đồ thanh

FAQ

Hệ thống xác định ưu tiên selector: ID > class > selector phần tử.