html - ID div的CSS样式无效

有了这个标记（它嵌套在其他容器中）

<div id="#club-solutions">
<h2>We Have The Solutions</h2>
<h3>OUR PROGRAMS</h3>
<p>Our programs will keep your classes packed and your members on their toes.</p>

为什么不应用以下CSS？

#club-solutions h3 {
    font-size: 0.7em;
}

#club-solutions p {
    font-size: 0.8em;
}
#club-solutions a {
    font-size: 1em;
}

它们所在的样式表将应用于标记，并且当我更改样式表上的其他样式时，其他更改将生效。
我的缓存已完全关闭

最佳答案

因为#（在<div id="#club-solutions">中）对于ID是无效字符。

没有它，它就可以正常工作：jsFiddle example