css - 具有必需属性的 W3C CSS 验证器错误

Question

我在 W3C CSS 3 验证器中遇到以下错误:

Unknown pseudo-element or pseudo-class :required

必需的是 HTML5 输入属性。我的 CSS 适用于 IE10、Google Chrome 和 Firefox。

这是我的 CSS:

#reserved input:required {background:#eaeae6;}
#reserved select:required {background:#eaeae6;}

这是我的 HTML 代码:

<section id="reserved">
    <select id="hab" name="hab" title="Study or Apartment" required>
    <input type="text" id="name" name="name" maxlength="50" style="width: 200px;" title="Name and Surname" required/>
</section>

W3C 不是像标准一样识别必需的属性吗？

Answer 1

CSS3 包括 Selectors Level 3应用程序接口(interface)。选择器 3 不包括 :required 选择器。

:required 在 Selectors Level 4 中引入.浏览器支持它，但它不是 CSS3 规范的一部分，因此在 CSS3 验证器中会失败。