css

 

 .right{width:20px;}
.right .up {width:250px; height:100%; }

说明：classname=right下的所有的classname=up的应用此样式，以此类推
.right .up .title{cursor:pointer; width:250px; height:20px; background:url(../images/tipbg.jpg); }
.right .up .arrow{float:left; width:20px; height:20px; background:url(../images/arrowright.gif); }
.right .up .content{width:250px; border:solid 1px #2278C3;}
.right .down {width:20px; height:100%;}
.right .down .title{cursor:pointer; width:20px; height:100%; background:url(../images/tipbg0.jpg); }
.right .down .arrow{ float:left; width:20px; height:20px; background:url(../images/arrowleft.gif); }
.right .down .content{display:none;}

如果两个类引用相同的样式：

.right,.up {width:250px; height:100%; }

中间是以逗号隔开