html - 我们可以多次拥有 css 样式属性吗？

Question

#my_div{
  width: -moz-max-content;  /* mozila browser support */
  width : -webkit-max-content;  /*chrome and safari browser support*/
}

这段代码符合我的风格。但我不确定它是否合法。 根据浏览器类型指定宽度的正确方法吗？

Answer 1

是的，没关系。假设我们使用 Mozilla 浏览器。第一个 width 生效，然后 css 解析器读取第二个 width，检查它的值是否为 -webkit-max-content;，对于 Mozilla 浏览器它是无效，因此它被忽略并回退到之前的 width，即 width: -moz-max-content;。 Chrome 将忽略 Mozilla 浏览器的第一个 width。

可以找到这些属性值的示例 here