Подавление инициации перехода CSS при загрузке страницы

В определенных ситуациях переходы CSS могут активироваться непреднамеренно во время загрузки страницы, вызывая мерцание элементов. Эта проблема может возникнуть при применении цветовых переходов к элементам.

Согласно приведенному примеру:

CSS:

p.green {
   color: green;
   transition: color .2s;
}

p.green:hover {
   color: yellow;
}

HTML:

<p class="green">The Flashing Text</p>

При загрузке страницы текст внутри элемента

меняет цвет с черного (исходный цвет) на зеленый. Такое поведение нежелательно и может нарушать внешний вид.

Чтобы предотвратить этот непреднамеренный переход, решение включает в себя использование уникального аспекта поведения Chrome. Когда страница содержит элемент

<script> </script>

Этот простой обходной путь устраняет ошибку в Chrome, предоставляя пустой элемент