微信小程序 wxss编译错误 error at token "#record"

控制台报错截图如下：

error at token "#record"中的“#record”在你们项目中可能是别的id选择器(根据你实际代码中哪些没写对)。

这种错误通常发生在web端css迁移至小程序时。

因为在web端上，我们可能习惯了父子元素中间都加上 “>”选择器，以避免后面写多了后，层级间混乱的可能性。

但是如果父子都是id的话，在小程序中是会报编译错误的，因为id本身就是唯一性的，所以上下级其实没有必要的，小程序这里比web端浏览器和微信内置浏览器要严格了许多。

大家编写代码或迁移后注意下。