Tôi hiểu rằng trong jQuery, sẽ thuận lợi hơn khi sử dụng các bộ chọn để jQuery không phải duyệt toàn bộ DOM để tìm thấy những gì bạn đang tìm kiếm. Ví dụ: $('span.description')
tốt hơn chỉ là $('.description')
nếu tôi biết rằng lớp description
chỉ được áp dụng cho các yếu tố <span>
.Có lợi thế nào khi sử dụng bộ chọn rất cụ thể trong CSS không?
Đây có phải là trường hợp với CSS không? Có lợi thế cụ thể nào để tôi sử dụng span.description { }
thay vì .description { }
không? Tôi đang suy nghĩ về tốc độ, tối ưu hóa, v.v. Tôi có lưu trình duyệt bất kỳ tác phẩm nào bằng cách nói chính xác nơi cần tìm?
Tôi sẽ lưu ý rằng tối ưu hóa CSS của bạn có thể sẽ không mang lại cùng mức tăng hiệu suất như tối ưu hóa JS của bạn. Tôi vẫn nghĩ rằng việc giữ những điều này trong tâm trí là một ý tưởng rất hay. –
Cảm ơn thông tin/liên kết và không chỉ cho tôi biết tính đặc hiệu là gì. :) –
"Quy tắc tốt sẽ xuất phát từ ID gần nhất". Một quy tắc thậm chí tốt hơn là không sử dụng bộ chọn con cháu ở tất cả mà thay vào đó hãy sử dụng các lớp. Điều quan trọng là phải hiểu rằng các trình duyệt đánh giá các bộ chọn từ phải sang trái, có nghĩa là ´ # foo img sẽ bắt đầu bằng cách tìm mọi img´in DOM và sau đó đi qua trong cây DOM để xem phần còn lại của bộ chọn có hài lòng hay không. – KaptajnKold