背景图片

Question

我为设置背景图片有一个小问题<button>。

这是我在网站上获得的html：

 <button id="rock" onClick="choose(1)">Rock</button>

这是CSS：

button {
   font-size: 18px;
   border: 2px solid #AD235E;
   border-radius: 100px;
   width: 150px;
   height: 150px;
}

button #rock {
   background: url(img/rock.png) no-repeat;
}

我不知道为什么按钮的背景仍然是白色。

Answer 1

令人惊讶的是，这里没有答案解决或提及实际问题。

该CSS选择器button #rock说：“给我一个元素与ID rock 里面 一个<button>元素”，就像这样：

<button>
    <span id="rock">This element is going to be affected.</span>
</button>

但是，您想要的是 带有* id 的<button>元素。而选择器将是（请注意 button 和 #rock 之间缺少的空间）。

*rock``button#rock

正如@Greg已经提到的：#rock已经足够具体地定位按钮，并且可以单独使用。