2011-08-24 8 views
0

나는 CSS 파일이있다. 나는 그것을 2 개의 파일로 나누고 싶다. 전역 설정과 같은 일부 CSS 코드 (CSS 파일을 2 개의 파일로 나누는 방법

*{padding: 0; margin: 0;} 

)와 css가 있기 때문에이 작업을 수행하고 싶습니다. 이 CSS 파일은 여러 위치에 포함되어 있습니다. 하지만 최근에 새 페이지에이 CSS 파일을 추가하고 위의 전역 설정이 파일을 필요로하므로 위의 전역 설정이 깨져서이 전역 설정을 사용하지 않기 때문에 파일을 위의 코드와 다른 코드가 포함 된 두 개로 나누기로 결정했습니다. 함유 휴식. 이 일을 하는게 좋을까요? 다른 일이 가능할까요?

CSS 파일 .. link

+0

PHP 등의 동적 코드를 사용하지 않으면이 기능을 사용할 수 없습니다. 그런 다음 css 파일에 대한 호출을 catch하고 파일의 출처를 찾고 파일의 원하는 부분을 반환합니다. – janoliver

+0

@ janoliver - 물론 가능합니다. 각 CSS 파일에 대한 링크 만 포함하면됩니다. – mrtsherman

+0

나는 그가 호출하는 파일의 html 코드를 변경하고 싶지 않다고 생각했다. – janoliver

답변

4

물론 페이지에 여러 CSS 파일을 가질 수 있습니다. 모든 (필수) 파일에 연결하면 제대로 작동합니다.

재사용 가능한 CSS 스타일을 그룹화하여 재사용 가능하게 만드는 것도 좋은 방법입니다.

+0

내가 뭘했는지 두 thick 파일에 두 thicks.css 파일 : globsl.css 및 rest.css 휴식. global.css 위의 설정은 rest.css 두꺼운 상자에 CSS의 나머지에 상주합니다. 그럼 두꺼운 상자에서 나는 CSS 파일을 가져 오기와 같은 일을했지만 지금은 단지 twp 줄로 구성되어 있습니다 ...하지만 그때 나는 CSS 파일이 작동하지 않는 것을 보았습니다 ... 바로 할 수 있습니다 .. –

+0

답변을 업데이트하고 제대로 작동하지 않는 코드를 보여주는 것이 더 좋으므로 무엇이 잘못되었는지 확인할 수 있습니다. – Veger

+0

CSS 링크 참조 ... 일부 페이지에서 위의 CSS 코드 * {채우기 : 0; 여백 : 0;} 이 문제의 원인입니다. –

1

동적으로 CSS를 생성 할 수 있습니다. 그런 다음 당신의 헤더에

<link rel="stylesheet" type="text/css" src="css.php?fullmealdeal" /> 

<?php 
    header('Content-type: text/css'); 

    if (isset($_GET['fullmealdeal'])) { ?> 
     echo '*{padding: 0; margin: 0}'; 
    } 
} ?> 
... rest of the css here ... 

: 쿼리 매개 변수에 전달하면 당신이 "전체"CSS를, 아니면 그냥 줄 바꿈하지 않는 부분을 OUPUT 할 것입니다.

물론 적절한 캐시 헤더를 발행하고 싶거나 대부분의 페이지 요청마다 CSS를 가져올 가능성이 높습니다. 이는 큰 성능에 영향을 미칩니다.

0

생각을 몇 : 서버 측 스크립트를 사용하는 경우를 제외하고이 개 파일을 사용할 수 있습니다

  1. 그 중 하나는 모든 것을 포함 할 수 있도록하고, 다른 하나는 글로벌 선언을 제외하고 모든 것을 포함한다. 그런 다음 하나를 포함 시키십시오.
  2. 걱정스러운 페이지에 직접 스타일을 추가하고 외부 스타일 시트를 오버 라이딩하십시오. 다시 말하지만 서버 측 스크립트를 사용하면 상대적으로 어려움이 없습니다.
관련 문제