line-height属性与font属性(连写)的冲突

今天在练习中发现有个很怪异的现象, 当line-height属性和font(连写)属性同时设置时, font(连写)属性放在line-height前才能使用.

    <style> 
    p{        
        height: 50px;
        line-height: 50px;
        font: 12px "微软雅黑";
        color: #242424;        
        border: 1px solid #000;
     }
    </style>
    <body>
        <p>font属性分开写没问题</p>
    </body>

font属性连写设置在行高后行高无效果

    <style> 
    p{
        font: 12px "微软雅黑";
        height: 50px;
        line-height: 50px;
        color: #242424;        
        border: 1px solid #000;
     }
    </style>
    <body>
        <p>font属性分开写没问题</p>
    </body>

font属性连写设置在行高前行高可以正常显示

当line-height属性与font(分写)属性无冲突.