悬停时CSS背景颜色变化不起作用？

Question

我一直想弄清楚为什么我的：悬停属性不起作用。我不知道是否有一些非常简单的东西我不知道。我有一个Div作为一个空矩形的颜色，当我将它悬停在它上面时我想改变，但是当我这样做时没有任何反应。这是代码：

CSS

#leftcontainer {
    width: 560px;
    height: 480px;
    float: left;
    margin-right: 10px;
}

#rightcontainer {
    width: 370px;
    height: 480px;
    float: left;
}

#index1 {
    width: 560px;
    height: 195px;
    float: left;
    margin-bottom: 10px;
    display: block;
}

#index1:hover {
    background-colour: #e6ffea;
}

HTML

<div id="bodycontent">
    <div id="leftcontainer">
        <div id="index1"></div>
        <div id="index2"></div>
        <div id="index3"></div>
    </div>
    <div id="rightcontainer">
        <div id="index4"></div>
        <div id="index5"></div>
    </div>
</div>

Answer 1

你拼错了background-color。该规范使用美国英语。

Answer 2

使用

background-color: #e6ffea;

它是color，没有colour。

Answer 3

错误发生在CSS文件中。

#index1:hover {
  background-colour: #e6ffea;
}

应该是

#index1:hover {
  background-color: #e6ffea;
}