Html 如何使用CSS转换更改元素的背景和文本颜色？

我想更改以下

div

中的背景颜色和文本颜色：

HTML

CSS

.readmore{
宽度：200px；
文本对齐：右对齐；
背景色：#FFCC66；
颜色：#336699；
}
.readmore:悬停{
背景色：#336699；
颜色：#FFCC66；
过渡：所有1；
}

---

当我聚焦

.readmore

时，背景颜色会改变，但文本“readmore”不会改变颜色。。。为什么会这样？

您的A标记有自己的颜色属性。在div上更改它不会自动对A标记起作用，但是您必须继承必要的属性

.readmore a
{
    background-color:inherit;
    color: inherit;
}