悬停时DIV背景颜色更改

请尝试以下步骤开始,并记住内联样式会覆盖css:

<a href="https:/doltesting.000webhostapp.com/pageTwo.php">
    <div class="secondSection">
        <p class="hoverTwo">
            <br><br><br>
            SOME TEXT
            <br><br><br>
        </p>
    </div>
</a>

在css中包含以下内容:

.hoverTwo { background-color:lightblue;color:green; }
.hoverTwo:hover{ background-color:yellow;color:black; }

将此添加到css

.hoverTwo:hover {
     background-color: blue;
}

此外,您现有的css中也存在一些错误。注意我添加的逗号。也不是说a:悬停将设置为与a本身相同的颜色。所以悬停时不会有颜色变化。

a.hoverTwo, a:hover, a:visited, a:link {
    background: yellow;
    color: black;
}

谢谢你的帮助。以下是有效的方法:

<div id="sectionTwoPage">

和css:

#sectionTwoPage:hover {
background-color: silver;
}