CSS 규칙의 스타일이 Firebug에 없습니다.

CSS 규칙 내에 스타일이 없으면 무엇을 의미합니까? 또한 요소에 영향을 미치지 않습니다.CSS 규칙의 스타일이 Firebug에 없습니다.

방화 광구에 빈 CSS 규칙이 있습니다. 특정 스타일을 덮어 쓰면 스타일이 넘어가지만 CSS 스타일에 스타일이없는 경우 어떤 의미인지 모르겠습니다. 아래 요소의 패딩 상단에 영향을주는 규칙을 만들었습니다.

<div id="leadspace-head" class="alternate"> 
    <div id="leadspace-body"> 
    <ul id="navigation-trail"> 
     <li>test</li> 
    </ul> 
    <h1 class="small">Title for this page</h1> 
    </div> 
</div>

다음은 시나리오입니다. 위의 html 코드에 대해 아래에 3 개의 CSS 규칙이 있습니다. 첫 번째 것은 몸 안에 있고 다른 두 개의 규칙은 CSS 파일에서 찾을 수 있습니다. 두 번째 규칙은 세 번째 규칙을 덮어 씁니다. 제 2 규칙을 덮어 쓰는 첫 번째 규칙을 추가했지만 아무 효과가 없으며 방화 광에서 빈 규칙을 보여줍니다. mystyle.css에서

.landing-page #leadspace-head.alternate #navigation-trail + h1 { 
    padding-top: 9px !important; 
}

CSS 신체 내에서

CSS는

.landing-page #leadspace-head.alternate #navigation-trail + h1 { 
    padding-bottom: 10px; 
    padding-top: 9px; 
} 

.landing-page #leadspace-head #navigation-trail + h1 { 
    padding-top: 5px; 
}

출처

2012-09-12 Richard Gapasin Tacsion

"몸 안의 CSS 스타일"은 무엇을 의미합니까? 인라인 스타일입니까? – BoltClock

스타일 태그가 body 태그 내부에서 유효하지 않습니다. http://stackoverflow.com/questions/4803518/why-cant-style-tags-within-the-html-body-tag-validate-on-w3c – tuff

@tuff are 그거 확실해? http://css-tricks.com/saving-the-day-with-scoped-css/ 또는 http://html5doctor.com/the-scoped-attribute/ ... 현재로서는 브라우저에서 지원하지 않지만 에 대해 알다. – cimmanon

당신의 스타일은 많은 서로를 오버라이드 (override) 할 것으로 보인다. CSS에서 상속 규칙을보다 잘 활용할 수있는 방법을 조사하고 싶을 수 있습니다.

제외하고,이에 규칙을 다시 작성하십시오 : 특별히 # 네비게이션 트레일 목록 요소에 해당하는 H1 요소를 대상으로합니다

#navigation-trail h1.small { padding-top: 9px; }

출처

2012-09-12 23:29:40

CSS 규칙의 스타일이 Firebug에 없습니다.

답변

관련 문제