CSS & bộ chọn
Suy ra selector khớp đúng từ các phần tử đã chọn, rồi viết hoặc chỉnh quy tắc CSS theo selector đó.
1.Bộ chọn CSS đa chiều
Mục "Bộ chọn CSS" ở cột trái cho ba cách làm việc với CSS selector: gõ tay từng đoạn (hỗ trợ compound như div.card hoặc vị trí như :nth-child(2)), kéo phần tử từ canvas/cây DOM thả thẳng vào ô selector, hoặc chọn sẵn một vài phần tử muốn áp CSS chung (giữ Ctrl và bấm để chọn thêm, cách nhanh nhất) rồi để công cụ tự gợi ý selector khớp đúng.
Mỗi gợi ý đều được kiểm chứng chạy thật trước khi hiện ra, kèm nhãn "Khớp đúng" hoặc số phần tử thừa/thiếu, và một câu giải thích ngắn vì sao chọn đúng cách này. Bấm "Dùng" để đưa vào ô selector, hoặc "Tạo quy tắc CSS" để tạo luôn một rule mới.
2.Viết CSS trực tiếp: nhớ bấm Áp dụng
Ở tab "Mã nguồn", chọn file styles.css để gõ quy tắc CSS. Cũng như HTML và JS, gõ mã không tự lưu, nút "Áp dụng" sẽ nhấp nháy khi còn thay đổi chưa lưu.
Nếu CSS có lỗi cú pháp (ví dụ thiếu dấu đóng ngoặc nhọn), bấm "Áp dụng" sẽ báo rõ dòng lỗi và giữ nguyên CSS cũ cho đến khi bạn sửa xong và áp dụng lại.
