css - px之间有空格有什么区别？

Question

有什么区别：

border-right: 1px dotted #CCCCCC;

和：

border-right: 1 px dotted #CCCCCC;

有没有？

第二个不正确吗？你需要把号码放在旁边px吗？

Answer 1

“长度值的格式（在<length>本规范中由可选的。”<number>

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

换句话说：在“px”之前有一个空格是一个语法错误。你验证了你的 CSS吗？

Answer 2

来自CSS 规范：

长度值的格式（<length>在本规范中表示）是一个<number>（有或没有小数点）紧跟一个单位标识符（例如，px、em 等）。在零长度之后，单元标识符是可选的。

因此，紧跟在数字之后应该是单位标识符。不同的浏览器可能会以不同的方式执行此操作，但如果有疑问，请遵循规范中的内容。

干杯

Answer 3

右边框：1px 点缀#CCCCCC；是正确的

右边框：1 px 点缀#CCCCCC；是不正确的

这是因为有多种方法可以定义长度，如“1px”或“1”，但问题是当你用“1 px”之类的空格分隔它们时，css 会认为宽度是“1”，下一个分类器是“像素”。我的意思是在不正确的示例中，css 认为“px”是您要输入的内容，而不是“dotted”。其余代码以此类推。问题在于，在不正确的示例中，您有太多选择器，因此代码会变得混乱并且无法工作。

Answer 4

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

我建议不要在两者之间留有空间，即使大部分时间它都可以正常工作。