javascript - 根据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

样式表不绑定(bind)到元素 ID。 CSS 声明在样式表内。尝试按照您的建议在代码中加载样式表没有什么意义。

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