나는 CSS 관련 문제 ../다른 CSS에서 ... 예를 들어, 내가 CSS 파일이있는 경우 우리가 수행 할 수있는 방법</p> <p>있어

신체의 배경 색상을 변경할에서는 if..else를 CSS 방법 main.css와 두 개의 HTML 페이지, 즉 a.html과 b.html이있다.나는 CSS 관련 문제 ../다른 CSS에서 ... 예를 들어, 내가 CSS 파일이있는 경우 우리가 수행 할 수있는 방법</p> <p>있어

body {} 요소 (main.css)의 내부 배경색은 항상 # dad4d4입니다. a.html의 경우 본문은이 색상 속성을 상속 받지만 b.html의 경우 본문 배경색을 # eae1e2로 변경하고 싶습니다.

어떻게 성공적으로 만들 수 있습니까?

출처

2011-09-19 PakcikSukaKonek

<body> 요소에 id 또는 class 속성을 입력하십시오.

예를 들어, a.html에이 <body id="a"> 것와 b.html에는 <body id="b">이 될 것입니다. 그러면 다음을 수행 할 수 있습니다.

body#a { 
    background-color: blue; 
} 

body#b { 
    background-color: green; 
}

출처

2011-09-19 09:48:03 Jon

에 수 없습니다. 실제로 여기에 및 요소가 정의 된 웹 사이트의 기본 구조를 이끌어 낼 index.tpl 파일이 있습니다. a.html과 b.html은

, 및

요소 만 가지고 있습니다. 그래서 그들은 같은 아래에 있습니다. 어떻게 이런 종류의 구조로 솔루션을 적용 할 수 있습니까? – PakcikSukaKonek

잊어 버리기 전에 index.tpl 내의 요소에 이미 다른 클래스가 정의되어 있습니다. 그래서 여기 body id를 사용하는 옵션 – PakcikSukaKonek

@steveVai : id 나 클래스를 추가하기 위해'index.tpl'에 조건부 코드를 넣으십시오. 원하는만큼 클래스를 추가 할 수도 있습니다. 거기에는 제한이 없습니다. – Jon

표준 .css 파일 내에서 함수를 구문 분석 할 수 없습니다.

그러나, 당신이 원하는 무엇에 대한 해결책은 :

body.a { 
    background-color: red; 
} 

body.b { 
    background-color: blue; 
}

그런 다음 단순히 각각의 페이지에 <body class="a"> 또는 <body class="b">를 사용합니다.

출처

2011-09-19 09:48:40 Ben

신체를 달성 할 수있는 수업을 제공 할 수 있습니다. a.html 몸체는 b '클래스'b '클래스에서'a '클래스를 갖습니다. 각 클래스는 자신의 속성을 가질 수 있습니다. 당신이,이 솔루션은 괜찮 모두 HTML 파일 일반 구조 (모두가 자신의 및 요소를 가지고)입니다 생각하는 경우

는 지금까지 내가 다른 경우 알고 CSS

출처

2011-09-19 09:49:13 bjornruysen

나는 CSS 관련 문제 ../다른 CSS에서 ... 예를 들어, 내가 CSS 파일이있는 경우 우리가 수행 할 수있는 방법</p> <p>있어

답변

관련 문제