Hide a Menu Item on Login

时间：2014-09-22 作者：Samarth Agarwal

我使用以下代码在客户未登录时隐藏菜单项，并在客户登录时显示它。

.hide-item-not-login{
display: none !important;
}

.logged-in .hide-item-not-login{
display: block !important;
}
我申请了这门课hide-item-not-login 我的菜单项，它的工作很好。

我真正想要的恰恰相反。我希望该菜单项在用户登录时隐藏，在用户（woocommerce中的cutsomer）未登录时显示。

建议进行哪些更改？非常感谢您的帮助。

2 个回复
最合适的回答,由SO网友:Robert hue 整理而成

你不能更改CSS规则吗？

.hide-item-not-login{
    display: block !important;
}

.logged-in .hide-item-not-login{
    display: none !important;
}

EDIT

要添加登录/注销菜单项，您需要向注销菜单项添加一个以上的类。假设您添加了类.logout-link 注销菜单项。然后可以像这样添加css。

.hide-item-not-login{
    display: block !important;
}

.logged-in .hide-item-not-login{
    display: none !important;
}

.logout-link{
    display: none !important;
}

.logged-in .logout-link{
    display: block !important;
}

SO网友:jzatt

这可以通过display: none; 仅在.logged-in 选择器。像这样。。。

.logged-in .hide-item-not-login {
    display: none;
}
你可能想改变这一点.hide-item-not-login 以更准确的方式.hide-item-login 或者是为了更清楚地了解这个已更改的用例。虽然它对它的功能没有影响。

结束
标签： plugins   menus   css   woocommerce-offtopic   小码农  

相关推荐

为什么带有？ver=3.9.2的style.css没有更新为没有？ver=3.9.2的？

我的问题是风格。我上传到主机服务器的css未生效。我正在使用GoDaddy business wordpress托管。请注意，以下两个具有不同的内容，只有第一个应用了我的更新：http://auapg.com/wp-content/themes/homeland/style.csshttp://auapg.com/wp-content/themes/homeland/style.css?ver=3.9.2 我不知道是什么魔法？ver=3.9.2“对css文件进行了修改。无论如何，我希望它可以有相同的内容作