为什么改变宽度和高度不能用另外再写一个css，而改变颜色就可以啊，是因为#txt中定义了高度和宽度的原因吗?

<style type="text/css">

body{font-size:12px;}

#txt{

    height:400px;

    width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

.c1{

    color:red;

    background:pink;

}

.c2{

    width:500px;

    height:500px;

}

</style>

//定义"改变颜色"的函数

    function changecolor(){

        var mychar=document.getElementById("txt");

        mychar.className="c1";

    }

//定义"改变宽高"的函数

    function changekg(){

        var mychar2=document.getElementById("txt");

        mychar2.className="c2";

    }