CSS选择器ID不起作用

Question

这是我的代码：http://jsbin.com/sinacel/edit?html,css,output

#octagon选择器完全不起作用，并且没有任何样式。

它应该至少产生一个红色背景，但这是我得到的

我正在使用谷歌Chrome最新版本。 知道为什么会发生这种情况还是仅仅发生在我的电脑上？

Answer 1

您输入了错误的ID <button id="#octagon">而不是<button id="octagon">

Answer 2

您的问题位于html中id=“#octagon”它应该是id=“octagon”没有哈希

Answer 3

如果您使用css设置网站样式，请记住它 当您在css中使用id时，请使用#告诉它，例如

<button id="try">
 </button>

所以在css中你可以用

调用那个样式

#try{
background-color:red;
}

Answer 4

应该喜欢这个

<button id="octagon">BUY NOW </button>

删除#，#是BOM中ID的选择器。