根据ID加载css样式表？

Question

嘿我怎么能只使用javascript基于id加载css样式表？ 这是我的代码：

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

我希望能够只在我想要的div上使用它，所以类似于这段代码：

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

我试过这段代码，但它的功能不像我想要的，这里是代码：

<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和javascript的div上加载css样式表？

Answer 1

样式表未绑定到元素ID。 在样式表中 CSS声明 。 尝试在代码中加载样式表没有什么意义。

简单地在典型样式表中声明您要识别的ID是最好的方法。