这里的第一篇文章(耶!),我正在寻求帮助,因为我从今天早上开始就在与这些东西作斗争。之前笨拙地尝试过使用一些CSS,但似乎没有用。
因此,我正在尝试删除此购物车图标/按钮(位于右下角,供未登录的访问者使用。(www.friendly.marketing)
该元素的代码是
</header>
<div id="dark-cart-overlayer"></div>
<div id="cart-panel">
<div id="cart-panel-trigger">
<span class="fas fa-shopping-cart"></span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
<path fill="#ffffff" d="M10.707 10.5l5.646-5.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-5.646 5.646-5.646-5.646c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.646 5.646-5.646 5.646c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l5.646-5.646 5.646 5.646c0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146c0.195-0.195 0.195-0.512 0-0.707l-5.646-5.646z"></path>
</svg>
</div>
有什么办法可以在 css 中实现吗?
最佳答案
WordPress 有类 .logged-in
放在<body>
上标识用户是否登录的标记。
在你的 css 中这样定义你的样式:
body.logged-in #cart-panel-trigger {
display: none;
}
#cart-panel-trigger {
display: block;
}
关于html - 如何使用每个页面的 css 隐藏这个特定的 div 元素 (WP),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50586083/