JavaCript统制div的样式不好使了，求帮忙.

JavaCript控制div的样式不好使了，求帮忙....
html代码
<div  id="date_show" onmouseover="addCs()">a</div>
<div class="menu_date"  onmouseover="delS()">b</div>
<div class="menu_date"  onmouseover="delS()">c</div>
JavaScript代码
function addCs(){
document.getElementById("date_show").className = "abc";
}
function delS(){
document.getElementById("date_show").style.background="none";
}
css样式
.abc{width:120px;height: 80px;font-size:45px;font-family:微软雅黑;float:left;color:white;
text-align:center;line-height:80px;background-color: #7c7f86;border-radius:5px;}

当鼠标经过b和c的时候，将a的样式去掉，鼠标经过a的时候再给它加上css样式，为什么就加不上了呢？？？
------解决方案--------------------

function addCs(){

document.getElementById("date_show").className = "abc";

document.getElementById("date_show").style.backgroundColor="#7c7f86";

}

你要了解一下，css不同的写法之间的优先级。（不考虑important）
在标签中的style中的写法是最高的
下面是id选择器
类，伪类选择器
元素，为元素选择器

大体就是这几个，你代码中的问题就是，你使用了类选择器和标签中style的写法，那肯定是任何时候，style的写法，在起作用的。

改成上面的样子，或者把另外一种也使用class处理就可以了