如何动态刷新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
