외부 CSS를 재정의하는 방법은 무엇입니까?

콘텐츠 div에 35px 패딩을 적용하는 외부 CSS 파일이 있습니다. 내 모든 HTML 페이지는 해당 div 안에로드되지만 그 중 하나에 대해서는 0 패딩 오른쪽을 사용하려고합니다.외부 CSS를 재정의하는 방법은 무엇입니까?

필자는 인라인 CSS를 사용하여 해당 페이지의 본문에 직접 적용했지만 중요한 것은 사용했지만 아무 것도 작동하지 않았습니다.

내가 뭘 잘못하고 있니?

index.html을 :

<div id="content"><?php include "page.html"?></div>

main.css가 :

#content{ 
    margin-top: 303px; 
    padding: 35px; 
    z-index:1; 
}

page.html :

<body style="padding:0px;">

출처

2012-10-10 lonewulf

질문에 대한 자세한 내용과 코드 참조가 필요합니다. 이는 수 백만 가지 문제 중 하나 일 수 있습니다. – SpYk3HH

코드를 제공 할 수 있습니까? 더 나은 방법은, jsfiddle 예제? – Dom

'div '가 아닌'body'에'padding : 0;'속성을 적용하고 있습니다. 너 문제 야? 아니면 그냥 오타 였나요? – jmeas

Fluidbyte가 맞았습니다. 잘못된 요소에 0 패딩을 적용하려고 바보가되고있었습니다. 추가로

<style> 
#content{ 
    padding-right:0px; 
} 
</style>

page.html이 제대로 작동하고 외부 CSS를 무시합니다.

출처

2012-10-10 21:16:35 lonewulf

어느 콘텐츠 사업부 인라인에 style="padding:0px;"을 적용 (권장하지 않음) , 또는 외부 스타일 시트를로드 한 후에 스타일을로드하십시오. 본문에 style="padding:0px;"을 적용하면 본문에만 영향을 주며 해당 본문의 모든 요소에 적용되지 않습니다.

출처

2012-10-10 21:11:54 j08691

CSS는 하향식 (top-down), 덮어 써야 코드 낮은 그러므로 무엇을 읽고, 참조 : http://jsfiddle.net/PFx9h/

을 뭔가를 오버라이드 (override) 다른 코드가 있기 때문에 그것의 영향을 복용하지 않은 경우. Webkit Dev Tools 또는 Firebug와 같은 요소 관리자를 사용하여 적용되는 스타일과 방법을 확인하십시오.

는 편집 :

당신은 당신의 코드를 게시 때문에

, body 스타일은 사업부에 적용되지 않습니다.

출처

2012-10-10 21:12:04 Fluidbyte

CSS 설정을 재정의하려면 중요 키워드를 사용해야합니다.

<body style="padding:0px ! important;">

출처

2012-10-10 21:19:02

위 스타일의 중요성이 있다면? – user1645290

외부 CSS를 재정의하는 방법은 무엇입니까?

답변

관련 문제