如何动态刷新css文件，但又不刷新htm页面？

如何动态刷新css文件，但又不刷新htm页面？

HTML code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function reflash_css(){
/*如果我用编辑器打开my.css文件，
修改了某些属性，在当前页面没刷新的情况下如何刷新my.css文件，
让它不取缓存的旧css文件？
*/
}
</script>
<link href="my.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
/*
旧my.css中的内容
.box{background:red}

改动后my.css中的内容
.box{background:green}
*/
</style>
<div class="box">如何动态刷新css文件，但又不刷新htm页面？</div>
<button onclick="reflash_css();">reflash</button>

---

<link id="x" href="my.css" type="text/css" rel="stylesheet"/>


document.getElementById("x").setAttribute("href","new.css")

or

document.getElementById("x").href="new.css"

---

my.css名字不能变

---

那什么能变呢？

---

要新定义css，可以动态创建style

---

这些我知道，我也试过，但我只想要什么代码都不添加的情况下就更新css