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

我正在这样的页面中加载一些元素：

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

一些东西
一些其他的东西
还有一些东西

在页面加载时，我希望列表项的背景与类一起。未读以从特定颜色转换为实际页面背景的颜色（想想facebook上的未读通知）

---

某种类型的javascript是绝对必要的还是可以用纯CSS来实现？

您可以使用CSS3转换来实现这一点。看看问题的答案，看看我的意思。唯一的问题是较旧的浏览器不支持CSS3，您必须为每个渲染引擎包含自定义CSS（类似于圆角边框）。

您可以使用jQuery animate转换

li

的背景色。像下面这样的事情应该能奏效

这里

---

您可以阅读它

我看到了CSS转换代码，但浏览器如何知道背景将首先是哪种颜色以及它将转换为哪种颜色？在做了一些研究后，我意识到这只能用于伪类，如：hover和：focus，我正在尝试在页面加载时自动设置背景动画。我相信这需要jQuery颜色插件，没有插件是否可以实现此结果？@Xecure:Nope，这是普通的jQuery UI。

$(document).ready(function () {
    $('.unread').animate({ backgroundColor: "#68BFEF" }, 2000);
});