Làm cho cảm giác cảnh báo CSS Lint

Question

Tôi đang viết CSS cho trang web của chúng tôi và tôi chỉ chạy nó qua CSS Lint. Tôi đang vật lộn với ý nghĩa của một vài cảnh báo như vậy rất nhiều sự hỗ trợ của cộng đồng.

1. Không sử dụng ID trong bộ chọn.

   Đó không phải là điểm của ID? Được sử dụng để giải quyết một yếu tố cụ thể trên trang?

2. 2 ID trong bộ chọn, thực sự?

   Có cách nào tốt hơn để chọn phần tử thay vì sử dụng hai bộ chọn trong cùng một dòng không?

3. Mô hình hộp bị hỏng: sử dụng chiều cao có đường viền trên cùng.

   Tôi không biết ý nghĩa của điều này. Sự hiểu biết của tôi là chiều cao hộp là riêng biệt với chiều cao biên giới. Tôi đã xác định chiều cao cho phần tử so với sau đó các cạnh biên giới đang được xác định riêng lẻ, tôi đang đi sai ở đâu?

4. Tiêu đề (h1) không nên đủ điều kiện.

Answer 1

Tôi chưa sử dụng CSS Lint, vì vậy tôi không chắc chắn về hầu hết những điều này. Nhưng liên quan đến 2., "2 ID trong công cụ chọn", tôi đoán họ đang gắn cờ nó vì nó có thể là thừa. Công cụ chọn ID cho biết rằng phần tử là duy nhất trên trang. Vì vậy, nếu bạn đang sử dụng hai ID trong công cụ chọn, ví dụ: #main #navigation, bạn có thể dễ dàng sử dụng cái cuối cùng, ví dụ: #navigation.

Tuy nhiên, nếu bạn đang sử dụng ID cao hơn, ví dụ: cho biết bạn đang sử dụng loại trang nào, điều đó có vẻ ổn với tôi.

Có khá nhiều người CSS có thiện chí, những người rất muốn nói cho bạn biết bạn nên làm gì và không nên làm gì, bất kể bạn đang cố làm gì.

Answer 2

Nếu bạn đi qua http://csslint.net/about.html, nó nói như sau:

1. Không sử dụng ID trong selectors

ID không nên được sử dụng trong bộ chọn vì những quy tắc quá chặt kết hợp với HTML và không có khả năng tái sử dụng. Có nhiều hơn được ưu tiên sử dụng các lớp trong bộ chọn và sau đó áp dụng một lớp học cho một phần tử trong trang.

2. Cẩn thận với mô hình hộp bị hỏng

Borders và đệm thêm không gian bên ngoài nội dung của một nguyên tố. Đặt chiều rộng hoặc chiều cao cùng với đường viền và đệm thường là một sai lầm vì bạn sẽ không nhận được kết quả trực quan mà bạn đang tìm kiếm. CSS Lint cảnh báo khi quy tắc sử dụng chiều rộng hoặc chiều cao ngoài đệm và/hoặc biên giới .

Tôi nghĩ rằng ID đã được thực hiện vì một lý do và nếu bạn thực hiện các phép tính đúng, bạn không cần phải lo lắng về mô hình hộp bị hỏng.