Html 滚动时，如何在导航栏中使用纯css更改图像？

我已经在导航栏将其状态更改为“固定”时更改了链接的文本颜色。我以前读过一个答案，但它不起作用：

下面的代码显示了“logo.png”在滚动时要更改的图像的位置。谢谢

<div class="logo-box">                             
    <div class="logo">
        <a href="#">
            <img src="images/logo.png" alt="">
        </a>
    </div>
</div>

---

没关系，我只是自己解决了，我忘了把固定导航条=等于滚动的属性

.main-header.fixed-header .main-box .logo-box .logo img{
    height: 50px;
    content: url("../images/logo.png") !important;
}