删除 wordpress 网站上的 DIV 元素答案

【问题标题】：Removing DIV element on word press site删除 wordpress 网站上的 DIV 元素
【发布时间】：2023-03-27 20:59:02
【问题描述】：

我正在尝试删除一个 DIV 元素，它是我的 WordPress 网站上插件的一部分。

这是有问题的元素：

<div class="blog pad-m pad-top-l powrMark text-center __web-inspector-hide-shortcut__">
<a class="powrMarkLink js-watermark watermark-create-free __web-inspector-hide-shortcut__" href="https://www.powr.io?utm_source=watermark&amp;utm_medium=plugin&amp;utm_campaign=watermark_2019&amp;utm_content=social-feed" target="_blank">
<img class="powrMark__logo-block" src="https://www.powrcdn.com/powrmark/powr-full-logo%20blue.png">
<span class="powrMark__text">
Create your own <u>Social Feed</u> - for free!
</span>
</a>
</div>

到目前为止，我已经尝试过，但无济于事。

.blog.pad-m.pad-top-l.powrMark.text-center.__web-inspector-hide-shortcut__
{
display:none;
}

我也尝试添加重要标签，但仍然没有。

.blog.pad-m.pad-top-l.powrMark.text-center.__web-inspector-hide-shortcut__
{
display:none!important;
}

当我在 chrome 中隐藏元素时，检查器中会出现以下内容：

.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
    visibility: hidden !important;
}

有人可以帮我解决这个问题吗？

【问题讨论】：

只需为 css 编写 .powrMark。你不需要写所有的类名

标签： html jquery css wordpress

【解决方案1】：

div.blog.pad-m.pad-top-l.powrMark.text-center.__web-inspector-hide-shortcut__ .powrMarkLink
{
display:none;
}

<div class="blog pad-m pad-top-l powrMark text-center __web-inspector-hide-shortcut__">
<a class="powrMarkLink js-watermark watermark-create-free __web-inspector-hide-shortcut__" href="https://www.powr.io?utm_source=watermark&amp;utm_medium=plugin&amp;utm_campaign=watermark_2019&amp;utm_content=social-feed" target="_blank">
<img class="powrMark__logo-block" src="https://www.powrcdn.com/powrmark/powr-full-logo%20blue.png">
<span class="powrMark__text">
Create your own <u>Social Feed</u> - for free!
</span>
</a>
</div>

【讨论】：