html - 在多个子元素中选择一个 id

Question

我目前正在使用带有主题的 Wordpress。

我正在尝试编辑 Logo 的移动 View ，但是当您开始向下滚动页面时，导航栏的尺寸会进一步缩小，当它处于该状态时我无法进行其他更改。

<header id="site-header" class="" role="banner">
        <div id="header-wrapper">
            <div id="header-container" class="clearfix">
                <div id="site-logo">

当导航栏变小时，第一行变为

<header id="site-header" class="header-sticked" role="banner">

是否可以仅在存在 'header-sticked' 时修改 site-header？我知道我可以编辑主题以将类添加到站点 Logo ，但我很想知道仅使用 CSS 是否可行。

例如(伪)类似

.header-sticked#header-wrapper#header-container#site-logo {
//blah
}

Answer 1

我很确定你在找

#site-header.header-sticked #site-logo {
  // blah
}

因此，只有当 Logo 嵌套在站点 header 中时，您才需要为其设置样式 .header-sticked