css - 标准按钮的CSS和Sprites

我想使用网站上的一组标准按钮，而不管它们写的是什么（即提交，付款，付款，拼写正确），但是由于某种原因，我无法显示精灵图片。我的代码如下：
HTML：

    <div id="iconic">
    Place Sprite button here <span><a class="button" href="#">Test</a></span>
    </div>

CSS：

    span.iconic a:link
    span.iconic a:visited
    {
    display: block;
background-image:url('images/an_nav_btn.jpg');
width: 150px;
height: 45px;
    }
    span.iconic a:hover
    {
background-position: 0 -50px;
}
    span.iconica a:active
    {
background-position: 0 -100px;
}

关于如何使它显示在顶部文本的任何建议（在这种情况下，它将带有带有单词“ test”的按钮。

提前致谢。

最佳答案

根据您发布的CSS，您正在尝试使用“ iconic”类来操作跨度内的链接...这与html中的内容不兼容：

为了使您走上正轨，请尝试
替换所有span.iconic
与#iconic span的

#iconic span a转换为“任何ID为'iconic'的元素中<a>中的所有<span>'”