Question

我正在使用slideout.js进行移动导航，每次加载页面时，菜单会在屏幕上闪烁片刻并消失，直到汉堡包按钮切换为止。如果我将包含nav的div设置为display：none，但是当我打开菜单时，没有显示任何链接。

我的问题是，使用Sass，我可以创建一个条件，在两个不同的类上执行以下逻辑：

if .slideout-menu is not set to display: block

然后

.mobile-nav should be set to display: none;

Answer 1

除了伪类之外，CSS无法对没有JS帮助的页面上发生的更改作出反应，所以不幸的是你无法以这种方式定位它。 slideout.js添加了类以设置幻灯片菜单的不同状态，因此请尝试定位这些状态。

尝试这样的事情：

.slideout-menu .mobile-nav {
   display: none;
}
.slideout-open .slideout-menu .mobile-nav {
     display: block; // or whichever display property you need
}

从https://slideout.js.org/

取消index.css中的CSS状态

SASS条件：根据另一个属性值设置属性值

1 个答案: