1

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たが、それでも同じです。

私を助けてくれる人がいれば、本当に感謝しています。

4

1 に答える 1

4

の代わりににbackground-image設定されます。その最初のセレクターをから変更した場合 <ul><li>

.footer #legals #list2 .flag

に 

.footer #legals #list2 .flag li

次に、<li>実際にはbackground-imagetoがありpositionます。

于 2012-12-15T11:13:06.597 に答える