为什么min-width属性优先于max-width？

Question

这是我的代码，元素的宽度现在占用400px，但由于我给出的两个属性都是矛盾的，我知道会应用，是否有一种方法可以使最大宽度优先于最小宽度？如果不是为什么？我已经尝试在最大宽度之前和之后添加min-width属性两次都发生同样的事情。请解释

p {     background:red;    
        min-width:400px;
        max-width:200px;
    }

Answer 1

来自MDN page：

  

max-width覆盖宽度，但min-width覆盖max-width

所以我认为没办法让max-width的优先级高于min-width

Answer 2

根据specification max-width覆盖width属性的值，min-width属性值会覆盖max-width和width 。另请参阅W3Schools上的explanation。