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

Question

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

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

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

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

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

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

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

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

Answer 1

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

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

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

Answer 2

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

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

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

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

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

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