php - 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 id div id但它仍然是一样的。

如果有人可以帮助我，我将不胜感激。

Answer 1

background-image设置在而<ul>不是<li>。如果您将第一个选择器从

.footer #legals #list2 .flag  

到

.footer #legals #list2 .flag li  

那么<li>将实际上有一个background-imageto position。