[分享]Css不能用数字id

在Css中，我们通常使用class来为页面元素设置样式，如下所示：

 .box{
        width:200px;
        height:200px;
        background-color:red;
        } 

然而，有些开发者可能会试着使用id来为元素设置样式，如下所示：

 #box{
        width:200px;
        height:200px;
        background-color:red;
        } 

虽然这样做在某些情况下可以达到想要的效果，但是却不是一个好的实践。因为使用id选择器会使得样式表变得难以维护。这是因为id具有特定性，它的优先级要高于class，使得样式表中其他的样式失去了一些控制元素的能力。此外，通过id来为元素设置样式也会导致重复性的问题。如果在同一个页面中使用相同的id，则会造成样式污染的现象，从而使得修改样式变得复杂和困难。

除了以上的问题，使用数字id还有另一个更加严重的问题。CSS规范中规定id名称必须以字母开头，这意味着数字id是不合法的。如果您使用数字id，浏览器会忽略掉这个样式，从而导致样式不生效。

总之，使用id选择器设置样式不仅会导致样式表难以维护，并且可能导致样式污染和无法生效的问题。所以，在CSS中，我们应该优先使用class选择器，避免使用id选择器，尤其是数字id。