同一类中具有相同的属性

Question

这个例子有什么缺点吗？

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

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

Answer 1

这绝对没问题。它们是级联的，因此具有相同重要性级别的最后一个（受支持的）样式总是获胜。用另一个类覆盖某些 CSS 规则是一种常见的情况，因此浏览器有同一属性的多个实例可供选择。那么为什么在同一个班级中不允许这样做呢？除了额外的代码行之外，我看不出有任何缺点，但如果您必须支持旧浏览器，则需要后备。

我假设您知道 500px 并不总是与 50vw/vh 相同的宽度/高度，所以是的，一个缺点是，它在旧浏览器中看起来可能不同。但从语法上看，并没有什么问题。