html에 여러 CSS를 동시에 포함시킬 수 있습니까? 아니면 정확히 한 디렉터리에있는 모든 CSS를 포함시킬 수 있습니까? 현재와 같은
는 우리가 할 것은 : - :모든 css를 디렉터리에 보관하려면 어떻게해야합니까?
<link type="text/css" rel="stylesheet" href="./tabs_css/*.css">
이 가능 -
<link type="text/css" rel="stylesheet" href="./tabs_css/navigation.css">
당신은 당신이 모든 페이지에 포함 마스터 스타일 시트를 만들 수 있습니다, 그 CSS 파일 내에서 당신은 다른 사람을 포함 @import를 사용할 수 있습니다.
각 CSS 파일을 수동으로 포함해야하는 문제는 해결되지 않지만 최소한 마스터 스타일 시트 안에 캡슐화되므로 모든 HTML 파일에서 모든 참조를 반복 할 필요가 없습니다. css 파일을 추가하면 마스터 CSS에 참조 만 추가하면 모든 페이지에서 액세스 할 수 있습니다.
예 HTML CSS 참조 :
<link href="master.css" type="text/css" />
예 마스터 CSS (master.css) :
@import url(style1.css);
@import url(style2.css);
@import url(style3.css);
더 읽기에 대한 when to use @import and it's compatibility with older browsers.
아니요 href에 와일드 카드를 사용할 수 없습니다. 포함해야하는 모든 CSS 파일에 대해 링크 태그를 지정해야합니다.
디렉토리에 20 개의 CSS가있는 경우 20 개의 CSS를 모두 언급해야합니다. –
예 :-) 당신은 –
이 css 파일들을 함께 결합하는 것을 고려해야합니다. 또는 모두 20 개를 유지하는 경우 캐싱이 올바르게 작동하는지 확인하십시오. –
디렉토리의 모든 파일을 연결하는 서버 측 스크립트를 작성하여 클라이언트에 전송 한 다음 스크립트를 <link> 태그에 넣을 수 있습니다.
그러나 구문 오류는주의하십시오.
이 서버 사이드를 수행해야합니다. PHP를 사용하고 있다면 glob을보십시오. 예를 들어
:
foreach (glob("path/to/css/*.css") as $css) {
echo "<link type='text/css' rel='stylesheet' href='$css'>\n";
}
완벽합니다. 정확히 내가 필요로하는 것. 매력처럼 작동 –
그것은 그것을 클라이언트 측을하는 것은 불가능합니다. 서버 측 기술을 사용하여이를 수행 할 수 있습니다. 그러나 최선의 방법은 모든 CSS를 단일 파일에 통합하여 포함시키는 것입니다.
당신은 여전히, 파일을 splited CSS를 유지하는 많은 사람들이해야 할 일 및 빌드 도구 있길 그냥 CSS를 가진 모든 파일을 나열 PHP를 사용할 수
생산/테스트 서버에 대해 하나 개의 파일에 모든 CSS를 통합 사용하려면 디렉토리의 확장 ...
$fp = opendir($dir);
while ($file = readdir($fp)) {
if (strpos($file, '.css',1))
$results[] = $file;
}
closedir($fp);
다른 질문에서 그는 자바를 사용하는 것처럼 보입니다. – SLaks
몇 가지 가능한 해결 방법이있을 수 있습니다 :
PHP 페이지를 가져 오는 아이디어를 고려하십시오 (예 : ./tabs_css/allcss.php) 이것은 디렉토리 내의 모든 css를 연결하고 리턴합니다. 약간 CPU를 많이 사용하는 경우 일 수 있습니다.
모든 CSS 파일을 연결하는 콤보 CSS 파일을 만드는 것이 좋습니다. 이것은 버전 제어 시스템에 특별한 후크를 추가하여 자동으로 생성 할 수 있습니다.
예! 나는이 해결책을 받아 들일 수있다 –
나는 당신을 위해 해결책이 효과적이기 때문에 기쁘다. 그러나 다른 답변들과 의견들에서도 좋은 지적들이있다. 가능하다면 css 파일을 하나로 결합하는 것을 고려해야합니다. –