CSS：这两个部分有什么区别吗？

Question

有什么区别吗？我没有看到。第一个不起作用，第二个起作用。 它是同一个文件（不触及其他文件）。

如果我用/* */评论第一部分（第二部分将由网络浏览器使用），一切正常，但如果我用/* */评论第二部分（第一部分将由网络浏览器使用）没什么用。

这是魔术吗？

我在不同的网络浏览器上尝试过它。我正在重置浏览器清理所有缓存。但是......没有结果。

可能存在一些可以进行二进制比较的实用程序吗？你能告诉我这些节目的例子吗？

更新：我道歉，屏幕截图有点误导。我在测试时只使用其中一个部分（当我测试时，其中一个部分用/* */注释）。

更新2：看看这个，更完整的style.css文件：
现在看，我已将display: none添加到原始#items块中。 在网络浏览器中没有任何影响！（不要说我关于缓存，我尝试过不同的浏览器，不同的笔记本电脑，正在重新设置和清理所有的网络浏览器缓存）。请注意，已添加display: none：

一切都像以前一样，就像我们甚至没有写display: none。

现在让我们尝试以下方法：

有效！ （display: none有效）
为什么？

Answer 1

问题在于一个神秘的角色（截图中的第81行）。我只是没有在我的代码编辑器中使用“显示隐形字符”选项。

我删除了这个角色，问题解决了。我真的不知道，这个字符（ASCII 0x8（“退格”））是如何出现在这里的。

感谢所有回复此问题的人，并提出了不同的解决方案。

UPD：我已经创建了相关的问题，关于将MacBook上的0x08字符放入文本：How can I put 0x08 ascii character using MacBook?

Answer 2

如果第一部分位于文件的开头： 可能是您使用UTF-8 with BOM编码。 在没有BOM或ASCII的情况下将编码更改为UTF-8。

BOM在文件开头添加三个字节，许多旧程序\系统在文件中看到“＃item”。