stylelint-config-htmlacademy icon indicating copy to clipboard operation
stylelint-config-htmlacademy copied to clipboard

ограничить сложность селекторов

Open balesniy opened this issue 11 months ago • 1 comments

включить правила selector-max-*

мотивация - для поддержки новых требований к разметке контролов мы увеличили значение selector-max-compound-selectors до 3. при этом критерий просит ограничивать сложность до 2. возможным решением может быть ужесточение других параметров селекторов:

  • selector-max-type до 1 чтобы не привязываться к структуре тегов
  • selector-max-universal до 1 т.к. мы не используем универсальные паттерны и критерий их запрещает. если запретить универсальный селектор совсем, то мы не сможем менять box-sizing, а правило такие исключения не умеет
  • selector-max-combinators: 2, в наших проектах я не нашел кейсов в которых нужно больше комбинаторов
  • selector-max-attribute: 2, один для типа инпута и один для disabled
  • selector-max-class: 2, в наших проектах я не нашел кейсов в которых нужно больше классов в селекторе

возможные проблемы - стилизация текстового контента, например список ссылок

balesniy avatar Jul 20 '23 15:07 balesniy

отдельно включить правило selector-no-qualifying-type чтобы запретить селекторы типа a.button с той же целью

balesniy avatar Jul 20 '23 15:07 balesniy