无法覆盖CSS

Question

当我向下滚动页面时，我试图更改标题右窗口小部件中文本的颜色。向下滚动时，我希望文本从白色更改为橙​​色。

这是我尝试添加的CSS：

@media only screen and (min-width: 800px) {
.header-scroll .site-header {
    color: #FF6600 !important;
}
}
.header-right {
    color: #fff;
}

！重要不会覆盖我分配给标题右侧文本的白色。

这是我的网站：https://asdeathdouspart.com/

有什么想法或帮助吗？谢谢！

Answer 1

我认为您针对的是父母而不是孩子，请尝试以下操作：

.header-right {
 color:  #FF6600 !important; }

Answer 2

您的媒体查询中有错误。您太早关闭支架了

@media only screen and (min-width: 800px) {
        .header-scroll .site-header {
            color: #FF6600 !important;
         }

         .header-right {
             color: #fff;
         }

}