css - 一类相同的属性

这个例子有什么缺点吗？

.class {
    max-height: 500px;
    max-height: 50vh;
}

我想这样做是因为如果某些浏览器不支持vh，则该浏览器将应用max-height: 500px;，并忽略vh行。

最佳答案

这绝对没问题。它们是级联的，因此具有相同重要性级别的最后一个（支持的）样式总是获胜。用另一个类重写某些css规则是常见的情况，因此浏览器有多个相同属性的实例可供选择。那为什么不允许在同一个班上这样做呢？我看不出任何缺点，除了额外的代码行，但是如果你必须支持旧浏览器，你需要一个回退。
我假设你知道500px并不总是和50vw/vh一样宽/高，所以是的，一个缺点是，它在旧的浏览器中看起来可能不同。但从句法角度看，没有什么不对。