Обработка ошибок CSS

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

CSS очень старается делать то, что вы хотите.

Если в строке есть ошибка, она пропускается и переходит к следующей строке без каких-либо ошибок.

Если вы забыли точку с запятой в одной строке:

p {
  font-size: 20px
  color: black;
  border: 1px solid black;
}

строка с ошибкой И следующая будетнетбудет применено, но третье правило будет успешно применено на странице. По сути, он сканирует все, пока не найдет точку с запятой, но когда доходит до нее, правило теперьfont-size: 20px color: black;, который недействителен, поэтому он его пропускает.

Иногда сложно понять, где есть ошибка и где она находится, потому что браузер не сообщает нам об этом.

Вот почему такие инструменты, какCSS Lintсуществовать.

Больше руководств по css:

• Руководство по Flexbox
• Учебник по CSS Grid
• Переменные CSS (настраиваемые свойства)
• Введение в PostCSS
• Свойство поля CSS
• Как центрировать элемент с помощью CSS
• Системные шрифты CSS
• Как напечатать HTML со стилем
• Вводное руководство по переходам CSS
• Учебник по CSS-анимации
• Введение в CSS
• Руководство по CSS
• Как настроить Tailwind с PurgeCSS и PostCSS
• Шпаргалка по попутному ветру
• Как непрерывно вращать изображение с помощью CSS
• Как сделать таблицу адаптивной с помощью CSS
• Как отлаживать CSS путем деления пополам
• Селекторы CSS
• CSS-каскад
• Специфика CSS
• Селекторы атрибутов CSS
• Цвета CSS
• Единицы CSS
• URL-адрес CSS ()
• CSS Типографика
• Коробочная модель CSS
• Свойство CSS position
• CSS Media Queries и адаптивный дизайн
• Запросы функций CSS
• CSS преобразования
• Как стилизовать списки с помощью CSS
• Префиксы поставщиков CSS
• Наследование CSS
• Псевдоклассы CSS
• Псевдоэлементы CSS
• Стилизация HTML-таблиц с помощью CSS
• Свойство CSS Display
• Функция CSS calc ()
• CSS Границы
• Импорт файла CSS с помощью @import
• Обработка ошибок CSS
• CSS фильтры
• CSS Размер окна
• CSS-фоны
• Комментарии CSS
• CSS шрифты
• CSS Padding
• CSS свойство float и очистка
• CSS нормализация
• Свойство CSS z-index
• Как отключить выделение текста с помощью CSS
• Как разместить элемент в нижней части контейнера с помощью CSS
• Как инвертировать цвета с помощью CSS
• Адаптивные предварительные теги в CSS
• Адаптивные вставки видео YouTube
• Каковы хорошие значения контрольной точки CSS для адаптивного дизайна?
• Как выровнять центр в flexbox