我自己定义字体：
.smallboldblue{font-family:Trebuchet MS;font-weight:bold;font-size:11px;color:#3A63A5;}
.medregblue{font-family:Trebuchet MS;font-size:13px;color:#3A63A5;}
.medboldblue{font-family:Trebuchet MS;font-weight:bold;font-size:13px;color:#3A63A5;}
我还定义了重复出现的菜单选项或部分标题的元素：
.MenuOptions{float:right;margin-right:0px;}
.SectionOption{float:left;margin:10px 0px 0px 50px;}
因此，当我创建div时，我经常发现自己在写这个：
<div class="MenuOptions medboldblue">
我知道我可以合并这两个类，但我喜欢将我的字体放在一个类中，另一个类来处理定位等。
在CSS中是否有一种方法可以使所有MenuOptions都是字体medboldblue，这样如果我想将字体从medboldblue更改为largeboldblue我可以改变而不通过每个MenuOptions div？我知道我可以使用jquery和addClass轻松完成这项工作，但我想知道是否有办法用纯CSS做到这一点。
感谢。