Question

我有一个来自jquery插件的css文件。在文件中我找到了这个css，但验证器没有验证它。任何人都可以解释这种类型的CSS的用途，以及是否有其他选择？

div.rateit
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

Answer 1

您将无法选择div内容为rateit的内容。支持有点儿，所以如果你想以更好的方式阻止选择，可以考虑使用JavaScript（如果用户关闭JS，即使JS也会失败）。

Demo

MDN Reference

支持user-select

正如您评论的那样，我已经在我的回答中分享了MDN链接，如果您在最顶层看到它，则表示非标准，换句话说，w3c尚未接受此属性为标准，因此您的验证失败。

为了向您详细解释，请考虑W3C验证器有一张规则，这些规则有一个标准属性列表，因此当您验证文件时，验证器将通过这些规则，那些不在列表将被标记为无效。因此，即使属性在浏览器中有效，也不意味着它们是标准的一部分，但可以在以后接受。这也意味着不验证的属性并不意味着它们不起作用。只是该属性不是标准的一部分，我建议您对proprietary和-moz等属性使用-webkit声明，直到该属性被接受为标准的一部分

如果使用user-select：none，则验证失败;在CSS中

1 个答案: