css3验证错误:required,:valid和:invalid

时间:2014-06-06 04:45:16

标签: css css3 css-selectors w3c-validation

我不断从W3C获取CSS代码的CSS3验证错误,我不确定原因。任何想法将不胜感激。这是我的代码。

input:required, input[required] {
    border: 2px solid red;
    color: #800000;
}
input:valid {
    border: 1px solid black;
    color: #800000;
}
input:invalid {
    box-shadow: none;
    border: 2px solid red;

}

2 个答案:

答案 0 :(得分:3)

您的CSS有效。验证程序无法识别:required:valid:invalid伪类。别担心。

答案 1 :(得分:1)

根据W3C CSS Validator应用的定义,诸如:required之类的伪类不是CSS的一部分,甚至不是CSS3的一部分。通常,验证器认为CSS3的内容是作为W3C建议书,建议建议书或候选推荐标准发布的CSS规范。通常不包括不太成熟的规范(主要是工作草案)。对此没有官方声明;它似乎只是采用的方法。

因此,目前,您需要手动检查您对此类构造的使用是否与您希望遵守的文档相匹配。

请注意,工作草案文档可能随时更改,恕不另行通知,并带有样板文本,除非正在进行中,否则不应引用它们。此外,实施状况也有很大差异。

然而,这些伪类是特殊的,因为在CSS轨道上,它们仍处于工作草案级别,但它们在现代浏览器中广泛实现,并且它们在{{3}中具有事实上的标准定义}。 (HTML规范定义CSS结构很奇怪,但显然其作者对CSS轨道的缓慢进展感到沮丧。)