禁用显示或替换特定div的内容

Question

我正在使用生成以下HTML的SaaS网站。

<div class="sidebar-body">
    <div class="sidebar-block">
      <form class="form-inline subscribe-form">
        ...
      </form>
    </div>

    <div class="sidebar-block">
      .... something else
    </div>

    <div class="sidebar-block">
      .... another block
    </div>
</div>

具体来说，它显示了一个我不想要显示的特定形式（订阅形式）。相反，我想要展示自己的形式。

该网站允许自定义CSS。

问题：

1. 有什么方法可以只禁用包含subscribe-form的div而不是其他具有相同类的div？

2. 我是否可以替换包含不需要的表单的div的内容？

现在，我已经这样做了：

.subscribe-form {
   display: none;
}

但它仍然显示了我不想要显示的父div。

Answer 1

您可以使用jquery父选择器

$('.subscribe-form').parent().css('display','none');

sample

Answer 2

所以要回答我自己的问题，可以使用nth-child选择器来完成。

.sidebar-body .sidebar-block:nth-child(1) {
display: none;
}