한 페이지에서 CSS를 제외하는 방법은 무엇입니까? 또는 한 페이지의 여백을 재설정하는 방법

Question

겉보기에 빠른 해결 방법으로 나에게 찾아 왔지만 내가 시도한 방법은 내가 계획 한대로 작동하지 않았습니다.

그래서 아래의 CSS를 하나만 제외하고 내 사이트의 모든 페이지에 적용하고 싶습니다. .page-id-145. 나는 섹션을 사용하여 시도했다 : (.page-id-145) 다음 코드의 시작 부분에 붙어 있지만, 내가 필요로하는 페이지를 수정하는 동안 내 다른 페이지를 엉망으로 끝납니다. 어떻게하면 다른 페이지를 엉망으로 만들지 않고 원하는 페이지에서 다음 코드를 제외시킬 수 있습니까? 나는 구체적으로 페이지 ID 145에서 (여백과 부유물)을 없애고 싶습니다.

기본적으로이 특정 페이지에 대한 여백/부동 소수점을 설정하는 방법이 필요합니다. 중간에있는 것이 아니라 왼쪽에 http://www.thegrassrootsgarage.com/great-albums-rym-list/, 이것이 다음 CSS가 설명하는 것입니다. 여기

은 문제의 특정 페이지에 영향을 미칠 수있는 내 테마 CSS입니다 :

#header, 
#main-content, 
#wrapper-footer { 
    float: none; 
    height: auto; 
    position: relative; 
    width: 100%;   
} 
#wrapper #main-content {  /* this section likely must change */ 
    padding: 28px 28px 10px; 
    width: 720px;   
    margin: 0 auto; 
    float: none; 
} 
#content { 
    float: none; 
    width: 750px;  
} 

을 그리고 여기거나 영향을주지 않을 수있다 즉, 내가 이전에 만든 예외 중 하나 개가 다른 라인 :

.page-id-145 .header-image {display: none;} 

요약하면 위의 CSS에 지정된 페이지 대신 왼쪽의 특정 페이지에서 여백을 시작하기 만하면됩니다. 불행하게도, 나는 여러 가지 반복을 거쳐서 작동하지 않게하고, 설정을 해제하고, 상속하고, 초기화하지만, 아무런 효과가 없다. 작동 할 수있는 또 다른 세부 사항은 사이드 바 위젯을 포함하도록 Wordpress 테마가 디자인되었다는 사실을 포함합니다. 이견있는 사람?

미리 감사 드리며 멋진 하루 보내십시오. 당신이에 테마의 CSS를 변경할 수있는 경우

Answer 1

: 페이지-ID-145 클래스 래퍼 ID를 가지고 같은 요소에 적용되어 있기 때문에, 당신은

#wrapper #main-content { 
    padding: 28px 28px 10px; 
    width: 720px; 
} 

#wrapper:not(.page-id-145) #main-content { 
    margin: 0 auto; 
    float: none; 
} 

는 지정 :하지 (.page-id-145). 스타일을 두 섹션으로 나눠서 첫 번째 섹션은 #wrapper # main-content의 모든 인스턴스에 적용되지만 두 번째 섹션은 page-id-145에 적용되지 않습니다. 당신이 테마의 CSS를 변경할 수 없습니다 (만 사용자 정의 CSS를 추가 할 수 있습니다) 경우

당신은 그것을 덮어 쓸 수 있습니다

#wrapper.page-id-145 #main-content { 
    margin: 0; /* can also be unset or initial, whatever you prefer */ 
    float: /* whatever you want it to be here */; 
}