, который быстрее: активный псевдо или добавляет класс

Question

У меня есть большое количество тегов <li> на странице, но мне нужно изменить фоновое изображение каждого в отдельности. Так что в моем CSS я бы либо иметь

.className { 
    background: red; 
} 
.className:active { 
    background: lime; 
} 

Если бы я должен был сделать событие OnClick, я бы сделал очень похожи

.className { 
    background: red; 
} 
li .active_class1 { 
    background: lime; 
} 

Что быстрее, чтобы установить класс активным и добавить стиль или добавить класс, чтобы добавить стиль? Потому что в обоих случаях мне нужно изменить цвет фона.

Спасибо!

Answer 1

Добавление дополнительного класса - дополнительный шаг, который вам не нужен, если вы можете использовать собственные псевдоселекторы. Таким образом, последний (с использованием псевдо) работает быстрее. Только добавление класса на каждом ли будет делать его медленнее.