Question

javascript能控制外部链接CSS的样式吗？怎样控制,能举个小例子吗

Answer 1

一个页面加载了外部样式表之后，是可以通过 js 来修改加载的样式规则，当然，修改的是当前页面加载的样式规则，而对 样式文件 本身的修改是不行的。

举个简单的例子：

/* style.css */
.style1 { background-color:red; }

<!-- 演示页面 -->
<!-- 链接外部样式 -->
<link href="style.css" rel="stylesheet" type="text/css" />
<div id="div01" class="style1">1</div>
<div id="div02" class="style1">2</div>
<div id="div03" class="style1">3</div>
<div id="div04" class="style1">4</div>
<input type="button" value="改变样式" onclick="changeStyle();" />
<script>
// 修改样式规则
function changeStyle() {
    var sheet=document.styleSheets[0], // 取第一个样式表
    rules=sheet.cssRules || sheet.rules, // 样式表所有样式规则
    rule=rules[0]; // 第一个样式规则
    rule.style.cssText+="background-color:blue;"; // 修改规则
}
</script>

Answer 2

肯定可以啊，JQUERY，add

$("#ID a").css('color','#123456');
或直接给A分配个ID，
$("#ID").addClass("yourClassName1 yourClassName2 yourClassNameN");
$("#ID").removeClass("yourClassName1 yourClassName2 yourClassNameN");

Answer 3

document.getElementById("test").style.backgroundColor ="#ffffff";

追问

我说的是改外部链接CSS的样式 不是改行间样式

追答

外部链接的样式不能改，你可以打开一个网页用chrome，或者firefox，插件firebug来查看页面css，可以看到很多css覆盖掉，js改的css只是覆盖原先外部的css链接