Chúng ta có thể viết chú thích cho các khai báo CSS để giúp cải thiện khả năng đọc và dễ hiểu hơn. CSS tuân theo cú pháp chú thích kiểu ngôn ngữ C: bắt đầu và kết thúc bằng dấu gạch chéo, nội dung được đặt giữa dấu sao. Bất kỳ khai báo nào viết bên trong /**/ sẽ bị bỏ qua.
Cú pháp
Cú pháp của chú thích CSS như sau:
/*Chú thích*/
Các ví dụ sau minh họa chú thích CSS:
Ví dụ
<!DOCTYPE html> <html> <head> <style> ul { list-style: none; /*Để xóa các chấm tròn*/ } </style> </head> <body> <ul> <li>Σ1</li> <li>Σ2</li> <li>Σ3<li> </ul> </body> </html>
Kết quả
Đoạn mã trên cho kết quả sau:
Ví dụ khác
<!DOCTYPE html> <html> <head> <style> div {/*thẻ <div> này chọn tất cả >div> phần tử và khai báo sau*/ margin: 8px; float: left; width: 100px; height: 100px; /*border: 2px solid black;*/ /*xóa border*/ background-color: lightpink; } div + div { /*tạo hình tròn*/ border-radius: 50%; } </style> </head> <body> <div></div> <div></div> </body> </html>
Kết quả
Đoạn mã trên cho kết quả sau:
