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

Posted 2023-03-06

【中文标题】SCSS：嵌套链接：悬停属性不起作用？

【英文标题】：SCSS: Nested link :hover attribute not working?

【发布时间】：2021-05-27 09:09:03

【问题描述】：

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

.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>

【问题讨论】：

代码本身看起来不错。你能设置一个codepen来看看吗？

您确定变量$sp 和$footer-color-subheading 是预定义的吗？可能是因为未定义的变量，scss 解析失败。

正如@Pedz 提到的，您在问题中包含的代码似乎没有问题 - 我将它放入 codepen，换出变量，它工作正常。我建议仔细检查变量，否则在您的示例所在的上游查看其他悬停或 A 元素样式。

感谢大家的回复，问题是我必须清除浏览器缓存

【参考方案1】：

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