CSS - 某些ID选择器无法正常工作

时间:2015-02-13 01:05:03

标签: html css

有谁能告诉我为什么使用第一个选择器不起作用而且样式被忽略而第二个选择器有效? 我仔细检查了错字,所以这不是人为错误.. 我想知道什么时候浏览器读取CSS它不喜欢那个特定的文本?

http://jsfiddle.net/cyvv3efs/2/

<div id='10305a09-55f0-4a3c-a710-2f0449ae7d44'>not work</div>

<div id='f9392ae0-954a-4d87-baf6-127d9c253877'>works</div>

#10305a09-55f0-4a3c-a710-2f0449ae7d44
{
    border:1px solid red;
    width: 100px;
    height:20px;
}

#f9392ae0-954a-4d87-baf6-127d9c253877
{
    border:1px solid red;
    width: 100px;
    height:20px;
}

1 个答案:

答案 0 :(得分:3)

您的id无法以号码开头。尝试之前添加一个字母,它应该工作。

enter image description here

同样请参阅this related question