Tốc độ nào nhanh hơn: lặp lại các kiểu hoặc bộ chọn lặp lại?

Question

Tôi muốn biết ví dụ nào sau đây sẽ hoạt động tốt hơn. Nếu hiệu suất là như nhau, cái nào đọc tốt hơn? (Selectors Lặp đi lặp lại)

Ví dụ 1

.helpfulCommenter, .questionTroll { color: #f00; }

.questionTroll { text-decoration: line-through; }

hoặc

(phong cách lặp lại)

Ví dụ 2

.helpfulCommenter { color: #f00; }

.questionTroll { color: #f00; text-decoration: line-through; }

tôi biết tên lớp là không phải ngữ nghĩa và các phong cách cụ thể được trình bày ở đây là không liên quan. Tôi chỉ muốn biết những trình duyệt nào trong số này làm cho việc phân tích cú pháp và triển khai thực hiện dễ dàng hơn.

Answer 1

Sự khác biệt về hiệu suất rất nhỏ nên không liên quan.

Tránh xa ví dụ 2 vì rất có thể, sẽ trở thành một nhức đầu bảo trì nếu bị lạm dụng.