Как CSS обрабатывает ошибки
CSS устойчив. Когда он обнаруживает ошибку, он не действует как JavaScript, который собирает все свои вещи и полностью уходит, прекращая выполнение всего скрипта после обнаружения ошибки.
CSS очень старается делать то, что вы хотите.
Если в строке есть ошибка, она пропускается и переходит к следующей строке без каких-либо ошибок.
Если вы забыли точку с запятой в одной строке:
p {
font-size: 20px
color: black;
border: 1px solid black;
}
строка с ошибкой И следующая будетнетбудет применено, но третье правило будет успешно применено на странице. По сути, он сканирует все, пока не найдет точку с запятой, но когда доходит до нее, правило теперьfont-size: 20px color: black;
, который недействителен, поэтому он его пропускает.
Иногда сложно понять, где есть ошибка и где она находится, потому что браузер не сообщает нам об этом.
Вот почему такие инструменты, какCSS Lintсуществовать.
Скачать мою бесплатнуюСправочник CSS
Больше руководств по 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