html - 通过添加类来缩小带有 Logo 的粘性标题？

Question

当页面的滚动位置大于 0 时，我有一个标题并添加一个类 is-sticky。

此 header 包含带有我的 Logo 的 img。添加该类时，我想缩小高度，包括 img 之一。

我该怎么做？这是我的 header 标记和 CSS:

.top-bar {
  position: relative;
  width: 100%;
  z-index: 9999;
  background-color: #FFF;
  opacity: 1.0;
}

.is-sticky {
  top: 0;
  width: 100%;
  z-index: 99999;
  background-color: #fff;
  height: 72px;
}

这里是标记:

<div id="undefined-sticky-wrapper" class="sticky-wrapper is-sticky" style="height: 0px;">
    <div class="top-bar" style="position: fixed; top: 0px;">
        <div class="site-branding">
            <a href="http://localhost:8080/wordpress/" title="MyLogo">
                <img class="site-logo" src="http://localhost:8080/wordpress/logo.png">
            </a>
        </div>
        <nav id="site-navigation" class="main-navigation" role="navigation">
            <div class="menu">
                <ul class=" nav-menu">
                    <li class="current_page_item">
                        <a href="http://localhost:8080/wordpress/">Home</a>
                    </li>
                    <li class="page_item page-item-2066">
                        <a href="http://localhost:8080/wordpress/blog/">Blog</a>
                    </li>
                    <li class="page_item page-item-2">
                        <a href="http://localhost:8080/wordpress/sample-page/">Homepage</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>

Answer 1

CSS 很简单

    .is-sticky{
      height: 10px;
     }

    .is-sticky .site-logo{
        height:8px;
    }

“.site-logo”现在只有当它有任何级别的父类“.is”时才会得到“height:8px” -粘性”

---

编辑:刚看到 OPs 得分。我误解了这个问题吗？