在哪里声明/加载CSS的背景图像精灵，以便它只加载一次？

我想为我的网页使用一个图像精灵，我应该在CSS中在哪里声明它？
这个应该在身体里还是在哪里

例如：

body
{
   background-image:url(/img/sprites.png);
}

#someDiv
{
   background-position: -10px -20px; /* can I do this? */
}

#someOtherDiv
{
   background-position: -30px -40px; /* and this? */
}

我没有尝试过这个，因为我想首先知道这是否可行，然后我将构建我的精灵。

---

谢谢

您只需为每个选择器引用相同的图像：

a.myLink
{
   background-image:  background-image:url(/img/sprites.png);
}

a.myLink:hover
{
   /*you don't need to re-define styles for hover elements, unless you want them to change*/
   background-position: -50px 0;
}

#someOtherDiv
{
   background-image:  background-image:url(/img/sprites.png);
   background-position: -130px -40px; /* and this? */
}

---

CSS中没有“全局包含”，只是在每个选择器中引用它。它只会被加载一次：）

听起来不错，你有关于“加载一次”的参考资料吗？只是为了确定一下。谢谢一个小小的建议：你不需要在上面声明背景图像：再次悬停，a.myLink就足够了。@Ivan Nikolić非常正确！我忘了这件事。谢谢，我会编辑的。