W3Schools验证器中audio:not([controls]) CSS代码报错原因咨询

嘿，我来帮你排查这个CSS代码的报错问题！

你写的这段代码audio:not ( [ controls]) { display: none; height: 0; }存在两处语法错误，这就是W3Schools验证器报错的核心原因：

• :not伪类的空格问题：CSS中伪类的括号必须直接紧跟在伪类名称后面，不能有空格。你写的:not (...)里，:not和(之间的空格是不符合语法规范的，正确的写法是:not(...)。
• 属性选择器的空格问题：属性选择器[ controls]里，方括号和属性名controls之间的空格是无效的，CSS要求属性选择器的属性名必须紧贴方括号，正确的写法是[controls]。

修正后的正确代码如下：

audio:not([controls]) { display: none; height: 0; }

这样修改后，再去验证器检测应该就不会报错啦。

内容的提问来源于stack exchange，提问作者verunar