line-height属性要放在font属性之后才能生效_html-js-css

概述今天在做一个网站的时候，出现了个奇怪的现象，line-height属性一直不生效，我明明设置了line-height=30px，可是，显示的效果还是默认的。代码如下：<style> aa{height:30px;line-height:30px; 今天在做一个网站的时候，出现了个奇怪的现象，line-height属性一直不生效，我明明设置了line-height=30px，可是，显示的效果还是默认的。
代码如下：

<style> .aa{ height:@H_502_17@30px;line-height:@H_502_17@30px;Font:@H_502_17@12px @H_502_17@Arial;wIDth:@H_502_17@500px; background:@H_502_17@#CCECEC; } .aa span{ float:@H_502_17@right;} </style> <body> <div class="aa" style="">这里是测试内容</div>

显示效果如下:

这个显示很明显line-height属性没有生效，怎样处理这个问题呢
是因为line-height属性要放在Font属性之后才能生效，将line-height属性放在Font属性后面就可以了
代码如下：

<style> .aa{ height:@H_502_17@30px;Font:@H_502_17@12px @H_502_17@Arial;wIDth:@H_502_17@500px; background:@H_502_17@#CCECEC;line-height:@H_502_17@30px; } .aa span{ float:@H_502_17@right;} </style> <body> <div class="aa" style="">这里是测试内容</div>