Question

我在W3C CSS 3验证器中收到以下错误：

未知的伪元素或伪类：必需

必需是HTML5输入属性。我的CSS适用于IE10，谷歌浏览器和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 API。选择器3不包括:required选择器。

Selectors Level 4中引入了

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

Answer 2

感谢你的回答。

我改变了我的css并创建了一个类而不是像这样所需的伪类：

#reserved .required-class {background: #eaeae6;}

<input class="required-class" type="email" id="email" name="email" pattern="[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{1,5}" style="width: 200px;" title="email" required/>

有了这个改变，现在我已经通过了W3C Validator：D

带有必需属性的W3C CSS Validator错误

2 个答案: