根据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，就是最好的方法。