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

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

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

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

  • 2 ID в селекторе, действительно?

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

  • Сломанная модель коробки: использование высоты с верхним краем.

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

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

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

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

  1. Опасайтесь моделей с поврежденными коробками.

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

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