동일한 웹 페이지의 다른 부분에 다른 CSS 스타일 시트 적용

Question

서로 다른 CSS 스타일 시트가 적용되어야하는 다른 부분이있는 웹 페이지가 있습니다. 내가 알고 싶은 것은 웹 페이지의 각기 다른 부분에 사용할 CSS 스타일 시트를 지정하는 방법입니다. 만약 내가 그들을 모두 함께두고, 구성 요소가 제대로 표시되지 않습니다.

Answer 1

다른 스타일 시트를 페이지의 다른 부분에 적용 할 수 없습니다.

최고 클래스의 이름으로 된 div에서 페이지의 다른 부분을 래핑하는 것입니다 : 당신의 PART1의 CSS에 다음

<div class='part1'> 
    .... 
</div> 

<div class='part2'> 
    .... 
</div> 

".part1"와 모든 CSS 규칙을 앞에하고 당신은 몇 가지 옵션이 part2 CSS에서 모든 CSS 규칙 앞에 ".part2"를 붙입니다. 클래스를 사용하면 여러 가지 "part1"또는 "part2"div를 사용하여 페이지의 어느 부분이 어떤 CSS 규칙의 영향을 받는지를 유연하게 구분할 수 있습니다.

Answer 2

웹 페이지의 각 부분마다 다른 클래스를 사용하고 각 클래스의 CSS 코드를 사용자 정의하십시오.

Answer 3

그것은 이유가 캐스 케이 딩 스타일 시트 (CSS) ..

각 섹션을 대상으로 CSS의 specificity 규칙을 사용 ..

즉 ..

#section1 a{color:red} 
#section2 a{color:blue} 

라고 이렇게하면 id가 section1 인 요소 내부의 모든 링크가 빨간색이되고 id가 section2 인 요소 내부의 모든 링크가 파란색이됩니다.

<div id="section1"> 
<a href="#">i will be red</a> 
</div> 
<div id="section2"> 
<a href="#">i will be blue</a> 
</div> 

Answer 4

외부 스타일 시트가 전체 HTML 페이지에 적용됩니다. 다른 부분에 우선 , HTML 페이지를 상이한 스타일을 적용하기 위해 는 (고유 ID 또는 클래스를 할당하는 각각의 HTML DIV)와 HTML 태그를 사용하여 다른 부분 둘째 ,으로 분할되어야 각 DIV에인가되는 외부 스타일 시트는 사용자가 무엇을 의미