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。