帶有必需屬性的W3C CSS Validator錯誤

Question

我在W3C CSS 3 Validator中收到以下錯誤：

未知的偽元素或偽類：必需

必需是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選擇器。

:required在Selectors Level 4中引入。 瀏覽器支持它，但它不是CSS3規范的一部分，因此在CSS3驗證器中會失敗。

Answer 2

謝謝你的回答lonesomeday。

我更改了我的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