Я знаю, что это придирчивым, но я работаю с редактором, который CSS и Линц постоянно жалуетсяВ CSS, [class] [class] быстрее, чем [element] [class]?
don't use adjoining classes > e.g. .foo.bar
Я игнорируя предупреждения, но это сделало меня любопытным и не может найти что-нибудь на нем , Скажем, у меня есть:
<ul class="foo bar"></ul>
который селектор CSS быстрее:
ul.foo
.bar.foo
Я знаю селекторы работать справа налево, так что в обоих случаях foo
будет выбран первым, после чего браузер должен найти в найти все ul
в выборе (?) или все .bar
элементов (?).
Вопрос:
В CSS это [class][class]
быстрее, чем [element][class]
?
Спасибо!
Я не мог сказать, что быстрее, некоторые профилирующие инструменты в webdevloper могут помочь рассказать об этом, но это 2 очень разных селектора, которые выбирают 2 разных набора элементов. Оба они работают одинаково с вашим примером, но, конечно, не в большей степени. P.S: Я не считаю это «придирчивым», я бы назвал это «внимание к деталям». На странице с большим количеством элементов, подлежащих анализу/выбору, такая оптимизация может действительно иметь значение. На «нормальных» страницах вы точно не увидите ничего ... –
Хорошая точка. Все еще любопытно. – frequent
Некоторые хорошие правила css: https://www.modern.ie/en-us/performance/css-web-performance-optimizations – Tim