具有必需属性的W3C CSS验证程序错误
W3C CSS 3验证程序中出现以下错误: 未知的伪元素或伪类:必需 必需的是HTML5输入属性。我的CSS在IE10、Google Chrome和Firefox中工作 这是我的CSS:具有必需属性的W3C CSS验证程序错误,css,html,validation,Css,Html,Validation,W3C CSS 3验证程序中出现以下错误: 未知的伪元素或伪类:必需 必需的是HTML5输入属性。我的CSS在IE10、Google Chrome和Firefox中工作 这是我的CSS: #reserved input:required {background:#eaeae6;} #reserved select:required {background:#eaeae6;} 这是我的HTML代码: <section id="reserved"> <select id=
#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难道不能像标准一样识别所需的属性吗?CSS3包括API。选择器3不包括:必需的选择器
:中引入了必需的
。浏览器支持它,但它不是CSS3规范的一部分,因此在CSS3验证程序中会失败。感谢您在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/>
#保留。必需类{background:#eaeae6;}
通过这个更改,现在我已经通过了W3C验证程序:D+1。。。如果css3验证失败,则缺少该部件。但如果使用XHTML,HTML验证将失败。把它写在这里没什么错。:)实际上,:required
首先出现在css3 ui中,然后被提升到Selectors 4规范。sel4对此进行了确认。这就是说,sel4无论如何都是CSS3的一部分(尽管有“4”),所以无论哪种方式,它都应该进行验证——验证器只需要更新,除非它出于某种原因认为CSS3UI的这一部分不是canon。