什么么div的id设置为纯数字后，css样式中border属性不能生效？

Question

如下代码：

    
    

        {
            : ;
            : ;
            :;
        }
    




    123

如果我这样设置div的id是“1”那个浏览器中不能使这个红色的边框生效。

但是我换成英文名字如：“mainbody”就能正常生效。

    
    

        {
            : ;
            : ;
            :;
        }
    




    123


这样的代码就可以生效。

求问：
这是为什么呀，想不明白呀，感谢知道的前辈指教。