具有新属性的有效 CSS答案

【问题标题】：Valid CSS with new properties具有新属性的有效 CSS
【发布时间】：2012-08-07 07:07:54
【问题描述】：

我正在使用一些 CSS 技巧来提高我的网站在 Webkit 浏览器中的可用性/外观。两个主要的是 text-shadow 和 resize:none（在 textareas 上 - 以阻止 Safari 和其他人中烦人的分页调整选项）。

问题是当我通过 W3 验证器运行我的页面时，我得到了很多：

属性 text-shadow 在 CSS 级别 2.1 中不存在，但存在于：#feb4b4 1px 1px 0 #feb4b4 1px 1px 0

-和-

属性调整大小在 CSS 级别 2.1 中不存在，但存在于：none none

这真的无效吗？我真的不应该使用它，还是忽略它是一个错误？

【问题讨论】：

【解决方案1】：

text-shadow 属性是 CSS3 属性。如果您从 W3 CSS Validtor 服务的高级选项中选择 CSS Level 3，它应该可以通过。它也在 CSS Level 2 中，但在 CSS Level 2.1 中被删除。

【讨论】：

【解决方案2】：

text-shadow 和 resize 都只是 CSS 3 中的有效属性，它们只在以前的 CSS 版本中由浏览器实现，但从未得到官方支持。如果你想使用它们，你真的应该使用 CSS 3。

【讨论】：

【解决方案3】：

我会使用相关属性的专有浏览器等效项，例如 -webkit-text-shadow 和 -webkit-resize 我认为这将允许 css 进行验证，同时仍然允许您使用属性（即使在级别2）。

不利的一面是，如果你想在那里使用它，你必须为 Mozilla 以及 -moz-text-shadow 模仿它......并且假设 IE 最终开始支持这些，那么你可能会回去清理它来替换它们使用规范中的单一属性声明。

【讨论】：