css父類

Question

我有一個關於CSS的問題，以及如何在無序列表中傳遞背景信息。

我有一個頁腳，我想顯示不同的標誌。還有我有一個頁腳類

<ul class="flag"> 
    <li id="de"></li> 
    </ul> 

.flag包括：

.footer #legals #list2 .flag{ 
    width: 20px; 
    height: 10px; 
    display: inline-block; 
    float:left; 
    margin-top: 16px; 
    margin-left: 15px; 
    background-image:url(../images/flags.png); 
} 
.footer #legals #list2 .flag #de{ 
    background-position: -40px; 
} 
.footer #legals #list2 .flag #en{ 
    background-position: -20px; 
} 
.footer #legals #list2 .flag #en_us{ 
    background-position: -20px; 
} 

所以，我認爲這將是更容易爲每個標誌剛剛更改的條目background-position。 但由於某種原因，這是行不通的，我不知道爲什麼？我也試過用li iddiv id來代替，但它仍然是一樣的。

如果有人能幫助我，我真的很感激。

Answer 1

background-image設置在<ul>而不是<li>。如果您是第一次選擇從

.footer #legals #list2 .flag 

改變

.footer #legals #list2 .flag li 

那麼<li>實際上將有background-image到position。