javascript - 是否可以仅通过 CSS 更改页面加载时特定元素的背景？

Question

我正在页面中加载一些元素，如下所示:

<ul>
    <li> Some stuff</li>
    <li> Some other stuff</li>
    <li class="unread"> Some more stuff</li>
</ul>

在页面加载时，我希望具有 .unread 类的列表项的背景从某种颜色转换为实际页面的背景颜色(想想 facebook 上的未读通知)

某种 JavaScript 是绝对必要的还是可以仅使用纯 CSS 来完成？

Answer 1

您可以使用 CSS3 过渡来做到这一点。查看this的答案问题看看我的意思。唯一的问题是旧版浏览器不支持 CSS3，您必须为每个渲染引擎包含自定义 CSS(类似于圆 Angular 边框)。