如何使用 css 隐藏类的特定元素并显示同一类的其他元素

Question

我正在尝试从网页中隐藏一行(shopify产品页面(。 我正在使用一个应用程序，但无法访问其代码。 只想隐藏行 - "由应用程序提供支持" 我尝试使用 css 隐藏该类，但在同一类中有一个 H2 标题名称 - "客户评论"，我想显示它。

我正在附加我在该页面的 chrome 中使用检查元素获得的代码。

我尝试使用 css 隐藏该类，但在同一类中有一个 H2 标题名称 - "客户评论"，我想显示它。

<div class="wc_review_top_title wc_wf_cls" data-bind=“product_name_xyz”>
<h2>Customer Reviews</h2>
<a href=“some_url_link_which_i_cant_show_here” target="_blank" style="display: inline-block !important; float: right !important; font-size: 14px !important; opacity: 1 !important; visibility: visible !important; margin-top: 7px !important; color: #000 !important;">Powered by App</a>
</div>

如果有人知道仅隐藏同一类的元素标签"A"和显示标签"H2"的 CSS 代码是什么，那么请告诉我。

Answer 1

添加text-indent

.wc_review_top_title a{
text-indent:-9999em;
}

Answer 2

您必须在样式下的 a 元素中删除以下内容：

visibility: visible !important;

并将零件添加到 h2 元素以使其可见

如果您无法访问它，则必须尝试更改颜色以使其不可见。

但是，这些主题的构建方式无法删除链接。