html - 盒子的 CSS 设置

Question

我花了几个小时试图找到解决方案，但我不知道该怎么做。这可能是一件简单的事情，我希望有人能帮助我。

我创建了三个盒子。这些框的顶部有一个边框，当您用鼠标滚动时它们的背景颜色会立即改变。

没有悬停效果的截图:http://i.imgur.com/TWSvdUt.png

带有悬停效果的屏幕截图:http://i.imgur.com/NdELr4T.png

我现在的问题是，我还需要标题的颜色和另一种颜色的文本 (#ffffff)!我不知道如何更改我的 .css!

这是我做的:

.frontpage-box {
    position: relative !important;
    border-top: 8px solid #233c5b !important;
    background: #eeeff1 !important;
    height: 280px !important;
}


.frontpage-box:hover {
    cursor: pointer;
    position: relative !important;
    border-top: 8px solid #daaf36 !important;
    background: #233c5b !important;
    color: #ffffff !important;
}

你能告诉我哪里出了问题吗？我该如何更改代码，以便在悬停后字体颜色为“白色”。

提前致谢，克里斯

Answer 1

如果没有看到你想要做的完整代码

.frontpage-box:hover p { color: #fff } 

并且不要将其设置在 .frontpage-box:hover 中。