CSS精靈菜單不顯示正確的背景

我是新來的CSS精靈菜單，所以請耐心與我（是的，我到處尋找答案）。我正在研究一個小型/簡單的移動網站。我的主菜單都在索引頁上。現在我在第一個子頁面上。我只想要一個「家」和「後退」按鈕。我的問題是我選擇了新的精靈背景，但它仍然想使用索引頁中的另一個（特別是「Home」按鈕）。我究竟做錯了什麼。我知道這很簡單，但我沒有想法。這裏是我的代碼：CSS精靈菜單不顯示正確的背景

<style type="text/css"> 
 
ul { 
 
\t position: relative; 
 
\t width: 148px; 
 
\t height: 44px; 
 
} 
 
li { 
 
\t display: block; 
 
\t 
 
} 
 
li.subhome a { 
 
\t background-image: url(css/sub-menu.jpg); 
 
\t display: block; 
 
\t width: 148px; 
 
\t height: 44px; 
 
\t background-repeat: no-repeat; 
 
\t float: left; 
 
} 
 
li.back a { 
 
\t background-image: url(css/sub-menu.jpg); 
 
\t display: block; 
 
\t width: 148px; 
 
\t height: 44px; 
 
\t background-repeat: no-repeat; 
 
\t float: right; 
 
} 
 
</style>

<body> 
 
<div class="gridContainer clearfix"> 
 
    <div id="header" class="fluid "><img src="m_images/topbanner-logo.png" alt="" width="230" height="77" id="tcdfLogo"/></div> 
 
    <nav class="fluid"> 
 
     <ul class="submenu"> 
 
     <li><a href="#" class="subhome">Home</a></li> 
 
     <li><a href="#" class="back">Back</a></li> 
 
     
 
    </ul> 
 
</nav> 
 
    <div id="mainContent" class="fluid "> 
 
    <p><span class="headings">WELCOME TO TCDF MOBILE</span><br> 
 
     We strive to get the best information to you about Tishomingo County and it's advantages. If you would like to get more detailed information, please visit us at our <a href="http://www.tishomingo.org" title="TCDF Full Website">full site</a>.</p> 
 
    </div> 
 
</div> 
 
</div> 
 
</body>

來源

2015-03-03 Newsong80

您的<a>元素這樣你靶向在你的CSS <li>上添加你的類名。

更改您的css選擇器或在<li>元素上移動您的類名稱。

li a.subhome { 
    background-image: url(css/sub-menu.jpg); 
    display: block; 
    width: 148px; 
    height: 44px; 
    background-repeat: no-repeat; 
    float: left; 
} 

li a.back { 
    background-image: url(css/sub-menu.jpg); 
    display: block; 
    width: 148px; 
    height: 44px; 
    background-repeat: no-repeat; 
    float: right; 
}

來源

2015-03-03 12:28:18

謝謝你們兩位！噓，甚至「我」應該知道我有我的選擇器在錯誤的地方。猜猜我看了太久。隨着更多bg.pos。調整，現在一切都是固定的，但我相信我會回來。再次感謝！ – Newsong80 2015-03-04 00:59:16