2013-08-08 2 views
0

안녕하세요, 어떻게 idss를 기반으로 CSS 스타일 시트 만로드 할 수 있습니까?ID를 기반으로 CSS 스타일 시트를로드 하시겠습니까?

<div id="bs-css"> 
some code 
</div> 

이 코드 있지만 시도 :

<link id='bs-css' rel='stylesheet' href='bootstrap-cyborg.css' type='text/css' /> 

이 난 단지 내가 지금이 코드와 유사한 무언가를 원하는 사업부에서 사용할 수 있도록하려면 : 여기 내가 가지고있는 코드입니다

<script type="text/javascript"> 
$(document).ready(function(){ 

if($("#bs-css").size()>0){ 
     if (document.createStyleSheet){ 
      document.createStyleSheet('bootstrap-cyborg.css'); 
     } 
     else { 
      $("head").append($("<link id='bs-css' rel='stylesheet' href='bootstrap-cyborg.css' type='text/css' />")); 
     } 
    } 
}); 
</script> 

어떻게 난 단지 내가 ID와 자바 스크립트를 사용하여 원하는 DIV에 CSS 스타일 시트를로드 할 수 있습니다 내가 원하는처럼 여기, 작동하지 않는 코드인가?

+0

코드에서 어떤 식으로 "기능하지 못합니까?" 콘솔에 오류가 있습니까? * 아무 것도 일어나지 않습니까? – Pointy

+0

'내가 원하는 div에서만 사용할 수 있기를 원한다 '는 것은 무엇을 의미합니까? 요소가 있는지 여부를 감지하는 측면에서 코드가 제대로 작동해야합니다. 버전 1.8에서는'.size()'가 더 이상 사용되지 않습니다. 대신에 .length'를 사용할 수 있습니다. – Ian

답변

2

스타일 시트은 요소 ID에 바인딩되지 않습니다. CSS 선언 내에서 스타일 시트가 있습니다. 제안 할 때 스타일 시트를 코드에로드하려고 시도하는 것이 거의 없습니다.

일반적인 스타일 시트 내에서 타겟팅하는 ID에 대한 선언 만하면됩니다.

+1

['scoped' 속성] (http://www.w3.org/TR/html5/document-metadata.html#attr-style-scoped)도 참고하십시오. 잘 지원] (http://caniuse.com/#feat=style-scoped). – robertc

+0

@robertc 이전에 들어 본 적이없는 – Ian

+1

@robertc : 범위가 지정된 속성이 제거되었으며 거의 ​​지원되지 않았습니다 (FF 54 만 해당). –

관련 문제