html - SCSS : Nested link :hover attribute not working?

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 可以更新页面。我的错。