在px之间有空格有什么区别?

时间:2013-01-07 23:22:17

标签: css

有什么区别:

border-right: 1px dotted #CCCCCC;

border-right: 1 px dotted #CCCCCC;

有没有?

第二个不正确吗?您是否需要在px旁边输入数字?

4 个答案:

答案 0 :(得分:4)

  

“长度值的格式(在本规范中用<length>表示)是<number>(带或不带小数点)后面紧跟一个单位标识符< / strong>(例如,px,em等)。长度为零后,单位标识符是可选的。“

来源:http://www.w3.org/TR/CSS21/syndata.html#length-units

换句话说:在“px”之前有一个空格是一个语法错误。你有validated your CSS吗?

答案 1 :(得分:3)

来自CSS specification

  

长度值的格式(在此表示为<length>   规范)是<number>(带或不带小数点)   紧接着是单元标识符(例如,px,em等)。后   零长度,单位标识符是可选的。

因此,数字后应立即出现单位标识符。不同的浏览器可能会以不同的方式强制执行此操作,但如果有疑问,请使用规范中的内容。

干杯

答案 2 :(得分:1)

我正在使用 wordpress,但媒体查询不起作用。它只是被完全忽略了。花了一个令人沮丧的小时才意识到这是问题所在。我在 px 之前有一个空格(例如:“648 px”而不是“648px”)。

我建议不要在中间留出空格,即使大部分时间它都可以正常工作。

答案 3 :(得分:0)

border-right:1px点缀#CCCCCC;是正确的

border-right:1 px点缀#CCCCCC;是不正确的

这是因为有多种方法来定义长度,如“1px”或“1”,但问题是当你用“1 px”这样的空格分隔时,css会认为宽度是“1”而下一个分类器是“px”。我的意思是在不正确的例子中,css认为“px”是你想要输入的而不是“点缀”。等等代码的其余部分。问题是,在错误的示例中,您有太多的选择器,因此代码会混淆并且不起作用。