Линтинг CSS с помощью stylelint
Нужно сделать линтинг CSS с помощью stylelint https://stylelint.io/
Есть страница https://12-noo-12.000webhostapp.com/index.html
Мне нужно её адаптировать под турбо страницы яндекса https://yandex.ru/dev/turbo/doc/concepts/index-docpage/
Проблема с css файлом. Яндекс проверяет валидацию через stylelint https://stylelint.io/
https://yandex.ru/dev/turbo/doc/settings/css-docpage/
Текущий css её не проходит, выдает ошибки двух типов:
Expected "h2" to have no more than 0 type selectors (selector-max-type)
Expected "section" to have no more than 0 type selectors (selector-max-type)
Expected "header .top" to have no more than 0 type selectors (selector-max-type)
Справка по этой ошибке https://stylelint.io/user-guide/rules/selector-max-type
и
Expected selector "section.about-hotel p span" to come before selector "section.about .descr p span" (no-descending-specificity)
Expected selector "section.about-hotel p span" to come before selector "section.about .descr .rating span" (no-descending-specificity)
Expected selector "section.about-hotel p span" to come before selector "section.tours .tb-line span:first-child" (no-descending-specificity)
Справка по этой ошибке https://stylelint.io/user-guide/rules/no-descending-specificity/
других типов ошибок нет
Нужно поправить css, что бы он прошел валидацию
Как воспроизвести ошибки:
- заходим в https://webmaster.yandex.ru и переходим на любой свой сайт добавленный в явм (если нет добавленного сайта, то проверить не получится)
- переходим на "турбо-страницы" - "отладка" http://joxi.ru/ZrJO41JFwZ1Gom
- в поле html вставляем код из файла index-rss.html нажимаем применить
- в поле css вставляем код из файла style.css нажимаем применить, внизу вывалятся ошибки css
Скачать файлы index-rss.html и style.css https://yadi.sk/d/Vj4fYBaxOKW97g
Сделать нужно завтра к вечеру, крайний срок послезавтра утро