用“ - ”声明CSS类属性？

Question

为什么有些属性会定期声明而其他属性需要连字符？

.box {
    width: 500px;
    margin: 20px;
    border: solid black 5px;
    -box-sizing: border-box;
}

Answer 1

虽然您的CSS在技术上并不正确，但您所看到的是供应商前缀。供应商前缀用于W3C建议的非标准兼容或未完全实现的规范。这些在CSS3规范中很明显，浏览器仍处于实现过程中。

一些示例包括box-sizing，transform，transition。

一些常见的前缀是

1. -moz-适用于Firefox / Mozilla
2. -webkit-适用于Safari / Chrome
3. -ms-适用于IE / Edge
4. -o- for Opera
5. -khtml- for Konqueror

您可能想查看Mozilla Developer Network has to say about vendor prefixes.

的内容

引用：

  

浏览器供应商有时会在实验或非标准CSS属性中添加前缀，因此开发人员可以进行实验，但浏览器行为的变化不会在标准流程中破坏代码。开发人员应该等待包含未加前缀的属性，直到浏览器行为标准化为止。

Answer 2

这些是实验性CSS属性，未正式定义或支持。如果是-box-sizing，请参阅MDN上的browser compatibility部分。

此外，我不认为有一个浏览器支持-webkit-box-sizing，如您所建议的那样，它可以是-moz-box-sizing或self.viewController.webView.scrollView.scrollEnabled = false; 。