在页面加载时抑制 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>

这个简单的解决方法通过提供空白的