关于额外空间的CSS语法

Question

CSS如何将空格识别为错误？

这将起作用,例如: height: 50px;

但这不起作用？: height: 50 px;

有人能告诉我为什么会这样吗？我的确很难找到这个错误CSS.

Answer 1

的W3C规范规定,对于CSS级别3中,所有的非零值必须由伴随着单元标识符,在这种情况下px.在值之后添加空格与根本不添加单元标识符相同.该CSS规范把空间作为指令浏览器应该停止解释该属性,并移动到一个新行或者财产清单.

body {
   font-size: 50 px;
}

不行,因为它CSS被解释为:

元素是什么？Body.如果可能,根据规范解释.有一个空间; 转到下一行或属性.什么是物业？Font-size.此属性需要一个值.该font-size物业的价值是多少？50.如果可能,根据规范解释.转到下一行或属性.下一行说px;.等等

所以你的CSS将以这种方式被浏览器解释.规范允许在属性和单元(vs )之间留出空间或没有空间,因此浏览器具有用于这些情况之一的用例.如果单元和单元标识符()之间有空格,则没有用例,因为规范不允许这样做.浏览器不知道该做什么并继续前进; 风格不适用.size:50px;size: 50px;size:50 px;