Осмысление предупреждений CSS Lint

Я пишу CSS для нашего сайта, и я просто запустил его через CSS Lint. Я изо всех сил пытаюсь разобраться во многих из предупреждений, поэтому очень помог бы сообществу.

  1. Не используйте идентификаторы в селекторах.

    Разве это не смысл идентификаторов? Будет использоваться для адресации определенного элемента на странице?

  2. 2 идентификатора в селекторе, правда?

    Есть ли лучший способ выбора элемента вместо двух селекторов в одной строке?

  3. Модель разбитой коробки: с использованием высоты с бордюром.

    Я без понятия что это значит. Насколько я понимаю, высота ящика не зависит от высоты границы. Я определил высоту для элемента, а затем границы определяются индивидуально, где я ошибаюсь?

  4. Заголовок (h1) не должен быть квалифицированным.

Источник

2 ответа

Решение

Я не использовал CSS Lint, поэтому я не уверен в большинстве из них. Но что касается 2., "2 идентификатора в селекторе", я думаю, они помечают его, потому что он может быть избыточным. Селектор идентификатора указывает, что элемент является уникальным на странице. Так что если вы используете два идентификатора в селекторе, например, #main #navigation, вы могли бы так же легко использовать последний, например, #navigation,

Тем не менее, если вы используете более высокий идентификатор, например, чтобы указать, на какой странице вы находитесь, мне это не помешает.

Есть довольно много благих намерений CSS-людей, которые очень хотят рассказать вам, что вы должны и не должны делать, независимо от того, что вы пытаетесь сделать.

Источник

Если вы переходите по http://csslint.net/about.html, он говорит следующее:

  1. Не используйте идентификаторы в селекторах

Идентификаторы не должны использоваться в селекторах, потому что эти правила слишком тесно связаны с HTML и не имеют возможности повторного использования. Гораздо предпочтительнее использовать классы в селекторах, а затем применять класс к элементу на странице.

  1. Остерегайтесь сломанных коробочных моделей

Границы и отступы добавляют пространство вне содержимого элемента. Установка ширины или высоты вместе с границами и отступами обычно является ошибкой, потому что вы не получите желаемого визуального результата. CSS Lint предупреждает, когда правило использует ширину или высоту в дополнение к отступам и / или рамке.

Я думаю, что идентификаторы были сделаны по какой-то причине, и если вы все сделаете правильно, вам не нужно беспокоиться о сломанной модели бокса.

Источник
Другие вопросы по тегам