SCSS：嵌套链接：悬停属性不起作用？

Question

尝试将悬停颜色更改为红色，但没有任何反应（最后一行）：

.post-footer {
    &__links {
        a {
            display: inline-block;
            margin-left: $sp*2;
            
            &:link,
            &:visited {
                color: $footer-color-subheading;
            }
            &:hover {color: red;}
        }
    }
}

以下是 HTML 供参考：

<div class="post-footer">
    <div class="post-footer__links">
        <a href="#" target="_blank">Link</a>
    </div>
</div>

Answer 1

感谢大家的回复 -- 问题是我必须清除浏览器缓存，以便 css 可以更新页面。我的错误。