CSS 선택기 지정

Question

가로 메뉴가있는 꼬리말이 있습니다.

CSS 내가 다른 메뉴를 만들 때, 바닥 글 메뉴에 대한 CSS가 영향을 미치지 않도록 그것을 만들고 싶어

footer { 
    height:99px; 
} 
ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    font-size: 20px; 
    padding-top:26px; 
} 
li { 
    float:right; 
    width:8%; 
} 

. 이것에 대한 효과적인 방법은 무엇입니까? HTML은 단지 기본 <footer> 태그입니다.

Answer 1

이 경우 스타일을 footer 요소 내부에있는 ul 요소에 적용한다고하는 하위 관계를 사용할 수 있습니다.

footer { 
    height:99px; 
} 
footer ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    font-size: 20px; 
    padding-top:26px; 
} 
footer ul li { 
    float:right; 
    width:8%; 
} 

당신이 (당신이 페이지에 여러 바닥 글 요소가있을 경우)은 또한 같은 클래스 선택기를 사용 myfooter 같은 바닥 글에 클래스를 할당 할 수있는 구체적하려면

footer.myfooter { 
} 
footer.myfooter ul { 
} 
footer.myfooter ul li { 
} 

모양이 다르다 CSS selctors