재설정 스타일 시트에 탐색 및 나열

이 재설정 스타일 시트가 맞습니까? 내가 겪고있는 문제는 oi와 ul에 있습니다.재설정 스타일 시트에 탐색 및 나열

당신이 볼 수 있듯이,이있는 곳

ol li, ul li { 
    margin: 5px 0 0 40px; 
    }

가 난 단지 페이지 내에서 목록을 위해 그것을 적용 할

, 그것은 일했다, 그러나 그것은뿐만 아니라 탐색 목록에 스타일을 시만 아래! 헤더에있는 것입니다. 어떻게 그 일이 일어나지 않도록 할 수 있습니까?

html, body, div, section, article, span, figure, figcaption, img, 
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, 
small, strong, sub, sup, input, output, textarea, ol, ul, li, fieldset, 
form, label, legend, tr, th, td, table, caption, footer, header, 
hgroup, aside, menu, nav, time, mark, audio, video, 
canvas, embed, iframe, object { 

    margin: 0; 
    padding: 0; 
    border: none; 
    font: inherit; 
    max-width: 100%; 
    text-decoration: none; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
} 

a { 
    display: inline-block; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
} 

ol li, ul li { 
    margin: 5px 0 0 40px; 
} 

abbr { 
    font-weight: bold; 
} 

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

.hidden { 
    display: none; 
}

출처

2013-10-24 Anonymous

:하지 (.Nav)'또는'신체 :하지 (NAV) OL 리를 탐색 UL 리튬 {}'? – Elen

correct onlyyyyyyyyyyy –

최신 브라우저에서는 잘 작동하지만 ie8 이하로 걱정하면 작동하지 않습니다. – spacebean

에서 li 요소가 경우 nav 당신은 다시 재설정해야하거나 (더 좋은 방법) 당신은 li 지정해야 요소에는 이러한 여백이 있어야합니다. 대신에 클래스를 사용하십시오.

ol li.margined, ul li.margined { 
    margin: 5px 0 0 40px; 
}

또는 첫 번째 옵션 방법`리튬에 대한

ol li, ul li { 
    margin: 5px 0 0 40px; 
} 
nav ol li, nav ul li { 
    margin: 0; 
}

출처

2013-10-24 11:59:38 lexith

첫 번째 옵션을 선택했지만 모든 브라우저에서 지원되지 않습니다? –

더 구체적인 클래스를 만들어서 재정의하십시오.

코드를 볼 수 없기 때문에 클래스가 ul 요소에 있다고 가정합니다. 그렇지 않은 경우가 밖으로 누워있다 어떤 방식으로, 단지에 .yourNavClass ul li, 또는 nav ul li를 변경 등

출처

2013-10-24 11:59:19 spacebean

재설정 스타일 시트에 탐색 및 나열

답변

관련 문제