Kiểm tra CSS

Giới thiệu công cụ

CSS Validator kiểm tra mã CSS của bạn để tìm các lỗi cú pháp phổ biến bao gồm dấu ngoặc không khớp, thiếu dấu chấm phẩy, khai báo không đúng định dạng và bộ quy tắc trống.

Tất cả việc xác thực chạy trong trình duyệt của bạn — không có CSS nào được gửi đến bất kỳ máy chủ nào.

Cách sử dụng

1. Dán mã CSS vào khu vực nhập, hoặc nhấp Mẫu (Hợp lệ) hoặc Mẫu (Có lỗi) để tải ví dụ.
2. Nhấp Xác thực để chạy kiểm tra.
3. Xem xét kết quả — lỗi hiển thị màu đỏ kèm số dòng, cảnh báo màu hổ phách.
4. Sửa các vấn đề trong trình soạn thảo CSS và xác thực lại cho đến khi không còn lỗi.

Trường hợp sử dụng

Các nhà phát triển front-end gỡ lỗi các style không được áp dụng đúng cách. Sinh viên học CSS phát hiện lỗi cú pháp sớm mà không cần DevTools của trình duyệt.

Câu hỏi thường gặp

• Công cụ này có xác thực thuộc tính CSS theo đặc tả W3C không? — Không. Công cụ này kiểm tra cú pháp cấu trúc (dấu ngoặc, dấu chấm phẩy, dấu hai chấm).
• Tại sao CSS hợp lệ của tôi lại hiển thị cảnh báo? — Trình xác thực sử dụng heuristic và có thể gắn cờ các trường hợp đặc biệt. Cảnh báo chỉ mang tính thông tin.
• Nó có hỗ trợ biến CSS và thuộc tính tùy chỉnh không? — Có. Các dòng chứa --variable-name được nhận dạng là khai báo thuộc tính tùy chỉnh.
• CSS của tôi có được gửi đến máy chủ không? — Không. Xác thực chạy hoàn toàn trong trình duyệt của bạn bằng JavaScript.