Улучшение совместимости со значениями по умолчанию в браузерах
Примечание: этот материал не имеет существенного значения.
При работе с CSS вы, вероятно, столкнетесь с проблемами совместимости браузеров в какой-то момент (не все браузеры поддерживают переменные). Вот почему важно задавать значения по умолчанию в переменных, чтобы избежать потенциальных проблем. Когда ваш браузер анализирует CSS веб-страницы, он игнорирует любые свойства, которые он не распознает или не поддерживает. Например, если вы используете переменную CSS для назначения цвета фона на сайте, Internet Explorer игнорирует цвет фона, поскольку он не поддерживает переменные CSS. В этом случае браузер будет использовать любое значение, которое он имеет для этого свойства. Если он не может найти какое-либо другое значение, установленное для этого свойства, оно вернется к значению по умолчанию, которое обычно не является идеальным. Это означает, что если вы хотите предоставить значение по умолчанию, это так же просто, как предоставить еще одно широко поддерживаемое значение непосредственно перед вашей декларацией. Таким образом, у более старого браузера есть что-то, на что можно положиться, в то время как более новый браузер будет просто интерпретировать любое объявление, которое позднее появится в каскаде.
Похоже, что переменная используется для установки цвета фона класса .red-box . Давайте улучшим совместимость с браузером, добавив еще одно background со значением red объявление прямо перед существующим объявлением и установив его значение в красный цвет.