2012-06-09 3 views
0

페이지 레이아웃을 디자인/변경하는 동안 필자는 필요에 따라 div/class 요소별로 색상을 지정했습니다. 이를 통해 레이아웃의 구조를 명확하게 볼 수 있습니다.색상/배경색 구성 CSS

페이지 레이아웃을 실제 콘텐츠로 테스트/표시하는 동안 다른 색 구성표가 있습니다.

2 개를 자주 전환해야합니다. 이것을 어떻게 할 수 있습니까?

도와주세요.

답변

0

하면 html 또는 body 태그

예에 클래스를 추가 당신에게 수있는 테스트하는 동안<html class="testingMode">

다음 스타일에 당신은 예를 들어, 다른 스타일

재정의를 가질 수있다

/*Normal/Live mode*/ 
.divClass { 
    background: none; 
} 

/*Testing mode*/ 
.testingMode .divClass { 
    background: green; 
} 

당신이 당신의 html 태그에서 testingMode의 클래스를 제거 할 수 있습니다 그 무시 스타일이 적용되지 않습니다 살고 가기 전에.

+0

전문가가 아니기 때문에 나는 답을 옳고 그름으로 표시 할 입장이 아닙니다. 그러나 나는 나의 문제를 해결하기위한 아이디어를 얻는다. Thx –

+1

내가 옳은 대답으로 사용했던 대답을 표시하는 것이 좋습니다. –

3

두 개의 CSS 파일을 사용하십시오. 각각은 클래스가 다르지만 색상 값이 다릅니다. 둘을 바꿔 넣을 배치 파일이 있습니다. 호스트 파일과 웹 서버의 마법을 사용하여 더 멋진 스키닝 접근법을 조합 할 수는 있지만 이는 사용자의 요구에 과잉 공격 일 수 있습니다.

+0

나는 (우선 배치 파일을 사용하여 스왑하는 방법을 조사해야하지만) 생각했습니다. 그러나이 경우 두 파일 중 하나를 변경할 때마다 두 개의 CSS 파일을 동기화해야합니다. 하나의 CSS 파일 만 사용한다면 어떤 방법이 있었으면 좋겠다. 그러나 나는 추측하지 않는다? 초고속 응답을위한 Thx –

+1

스타일 시트의 상단에서 다른 스타일 시트를 가져올 수 있으므로 색상 값에 대한 "매크로"를 정의한 다음 기본 스타일 시트에서 사용할 수 있습니다. 당신은 그 다음에 include와 swap을 할 필요가있을 것입니다. –

+0

아. 그것을 시도하게하십시오. 도움말 주셔서 감사합니다 –

관련 문제