min-*、max-*、*的优先级

本文参考链接理解css中min-width和max-width，width与它们之间的区别联系

width与height的情况是一致的，下面以width为例进行说明。

min-width比width大时

min-width的优先级高于width，即使有!important也是如此。

<div></div>
<style>
    div {
        height: 200px;
        min-width: 400px;
        width: 200px !important;
        background: black;
    }
</style>

min-width比max-width大时

min-width的优先级高于max-width，即使有!important也是如此。

<div></div>
<style>
    div {
        height: 200px;
        min-width: 400px;
        max-width: 200px !important;
        background: black;
    }
</style>

max-width比width小时

max-width的优先级高于width，即使有!important也是如此。

<div></div>
<style>
    div {
        height: 200px;
        max-width: 200px;
        width: 400px !important;
        background: black;
    }
</style>