Пример это пример. На деле абсолютно другое происходит. И нет времени разбираться. А если там инлайн стоит выше или ещё что. Проще же поставить импортант.
если серьезно, то разобратся стоит, это сейчас оно вас может спасать, но это такой "топорище" что если вдруг доживете до поддержки своего кода то поймете что импортант юзать не надо было, я помню у меня была проблема с semantic-ui, фронтэндовым фреймворком, и был в НЕМ баг, я его нашел в исходникам фреймворка, и тут 2 варианта что делать, либо качественно его обойти своим кодом либо влезть в сам фреймворк и исправить. Исправлять фреймворк всегда очень плохая практика, даже если ошибка в нем, это часто приводит к повторению проблемы при переносе сайта и обновлении компонентов на новые версии, или подключении новых людей к проекту
а обойти тоже никак потому что их бага написана через !ИМПОРТАНТ, вот в таком случае вы бы почувствовали чем это плохо