我定义了下面的css：
.rpbox {
BORDER-RIGHT: #aacaee 1px solid; BORDER-TOP: #aacaee 1px solid; PADDING-BOTTOM: 1px; BORDER-LEFT: #aacaee 1px solid; BORDER-BOTTOM: #aacaee 1px solid; padding:5px;margin:5px;
}
用于给div加边框。
定义了下面的css：
.rp_hfill_autoheight{ overflow:auto; margin-bottom:5px;}
用于给div设置水平布局方式。
我又想定义一个css来给div加边框并且自动设置水平布局方式，现在我只会这么写：
.rp_hfill_autoheight_box{ overflow:auto; margin-bottom:5px;BORDER-RIGHT: #aacaee 1px solid; BORDER-TOP: #aacaee 1px solid; PADDING-BOTTOM: 1px; BORDER-LEFT: #aacaee 1px solid; BORDER-BOTTOM: #aacaee 1px solid; padding:5px;margin:5px;}
这相当于把上面两种css组合到一起了，但是这样写有代码重复的问题，有没有什么方式能用前两个css组合定义第三个？
还有我有一个CSS：
/*栏目标题*/
.rpcoltitle { height:20px; line-height:18px; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; color:#396588;padding:8px 6px 0 13px;}
用来给某些span设置为标题风格，我又想给设置了.rp_hfill_autoheight_box 这种class的div中的span设置为.rpcoltitle风格，我这么写不对：
.rp_hfill_autoheight_box span{className:rpcoltitle }
我只能把rpcoltitle 的代码拷过来：
.rp_hfill_autoheight_box span{height:20px; line-height:18px; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; color:#396588;padding:8px 6px 0 13px;}
有没有什么办法不重复代码也达到同样的效果？
谢谢。
谢谢，结贴
