CSS Reihenfolge & priosierung

[swt2015]

Hallo,

wieso wird im folgenden CSS das display:inline; vor dem display:none; priorisiert? Das erste kommt aus global.css und das zweite aus media_queries.css

Eingebunden in folgender Reihenfolge: <link href="/media_queries.css" rel="stylesheet" type="text/css"> <link href="/global.css" rel="stylesheet" type="text/css">

#header ul.menu li {
    background: rgba(0, 0, 0, 0) url("../../../images/wetten/nav-border.png") no-repeat 
scroll left center;
    display: inline;
    float: left;
    padding: 15px 0;
}
.small_1, .small_2, .small_3, .small_4, .b_big {
    display: none;
}