关于额外空间的CSS语法

时间:2014-03-04 14:29:47

标签: css css3

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

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

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

有人可以告诉我为什么会这样吗?我CSS中很难找到这个错误。

4 个答案:

答案 0 :(得分:5)

W3C specification表示,对于CSS级别3,所有非零值必须附带单位标识符,在这种情况下{{1 }}。在值之后添加空格与完全不添加单位标识符相同。 px规范将空格视为浏览器应停止解释该属性并转移到新行或属性列表的指令。

CSS

不合适,因为body { font-size: 50 px; } 被解释为:

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

因此,浏览器会以这种方式解释您的CSS。规范允许属性单元px; vs size:50px;)之间没有空格,所以浏览器对这两种情况都有一个用例。如果单元单元标识符size: 50px;)之间存在空格,则没有用例,因为它不允许规范。浏览器不知道该做什么并继续前进;风格不适用。

答案 1 :(得分:1)

CSS并不是真的错误。它既可以工作,也可以不工作。 height: 50 px无效,因为它不知道如何解释50 px

答案 2 :(得分:1)

值(在这种情况下为50)和单位(px)应该彼此相邻,中间任何空格。但50和之间的空间并不重要,仅用于装饰目的。

答案 3 :(得分:0)

height: 50 px;

不起作用,因为浏览器不知道如何解释它。浏览器根据规范解释CSS ...

仅仅因为它的空间并不意味着可以把它放在那里。例如,如果您在PHP中执行此操作

$var iable = 1;

无论您是否认为正确或错误,无论您使用何种语言,都必须编写规范代码