HTML / CSS id标记没有链接到css #id

时间:2014-10-07 18:15:18

标签: html css

我有类似的东西:

<div id="5.5a">
    <p >First Div</p>
</div>

我的CSS有:

#5.5a { 
    color=blue;
}

不应该是id =&#34; 5.5a&#34;链接到我的CSS#5.5a? (CSS的其他部分工作,所以我的标签是正确的)

2 个答案:

答案 0 :(得分:2)

CSS需要冒号,而不是等号:

#yourIDname {
    color: blue;
}

此外,ID不能以数字开头。有关详细信息,请参阅this answer

我认为技术上可以在ID中包含小数,但是您可能希望避免使用它们,因为它们对于类名无效,并且您可能会将带有子代的#5.5a混淆为55a

答案 1 :(得分:2)

CSS中的idclass一样,不应该以数字字符开头(如果需要,它可以,但需要适当地转义)并且不能 .中有一个id,因为.表示以下(有效)字符序列是新的类名。

此外,CSS中的属性值赋值是使用冒号(:)而不是等于(=):

那就是说,如果你必须按原样使用它:

&#13;
&#13;
#\35\.5 {
  color: blue;
}
&#13;
<span id="5.5">Demo</span>
&#13;
&#13;
&#13;