Использование CSS-селектора :not может помочь улучшить производительность кода на современных веб-платформах, так как позволяет отсечь все элементы, не подходящие под условие. 2
Некоторые примеры, когда это может быть полезно:
- Оформление пользовательского контента. 3 Селектор :not позволяет выбирать только элементы без класса, что удобно, когда нет возможности расставить в контенте классы или когда его очень много и расстановка классов трудоёмка. 3
- Изменение внешнего вида всех элементов, кроме наведённого. 3 Такой эффект можно реализовать без :not путём перезаписи значений, но если придётся обнулять слишком много свойств, то есть смысл использовать :not. 3
- Стилизация полей ввода, кроме скрытых. 2 Селектор input:not([hidden='true']) позволяет применить нужные стили только к тем полям, у которых нет атрибута hidden. 2
Однако, по мнению некоторых разработчиков, для большинства веб-сайтов возможный прирост производительности от оптимизации CSS-селекторов незначителен и не стоит затрат. 1