css 상위 클래스

Question

CSS에 관한 질문과 정렬되지 않은 목록에서 배경 정보를 유치하는 방법이 있습니다.

다른 깃발을 보여주고 싶습니다.

.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을 변경할 각 플래그 쉬울 것이라고 생각 : 나는

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

.flag이 구성되어 바닥 글 클래스에게이 있습니다. 하지만 어떤 이유로 이것이 작동하지 않고 이유를 모르겠습니다. 나는 또한 li iddiv id 대신 사용하려고 시도했지만 여전히 동일합니다.

나를 도울 수있는 사람이 있다면 정말 감사 할 것입니다.

Answer 1

background-image은 <li> 대신 <ul>에 설정됩니다. 당신이

.footer #legals #list2 .flag li 

에

.footer #legals #list2 .flag 

에서 첫 번째 선택을 변경하면 다음 <li> 실제로 background-imageposition에있을 것이다.