从插件中删除按钮答案

【问题标题】：Remove button from plugin从插件中删除按钮
【发布时间】：2017-08-31 10:46:22
【问题描述】：

我想弄清楚如何从插件中删除一些按钮。我不想更改插件代码，因为我将无法再获得更新。问题是我不能使用 css 规则 display:none，因为我希望列表中保留 2 个按钮，并且它们都具有相同的类名。

代码如下：

<div class="cdm_nav_buttons" id="cdm_nav_buttons">
    <a href="#upload" class="sp_cdm_add_file hide_add_file_permission">
        <i class="fa fa-plus-circle" aria-hidden="true"></i> Add File
    </a>
    <a href="#add-link" class="sp_cdm_add_file hide_add_file_permission" style="
        ">Add Link</a>
    <a href="#add-embed" class="sp_cdm_add_file hide_add_file_permission">Embed Video</a>
    <a href="#folder" class="sp_cdm_add_folder hide_add_folder_permission">
        <i class="fa fa-folder" aria-hidden="true"></i> Add Folder
    </a>
    <a href="javascript:cdm_ajax_search()" class="sp_cdm_refresh">
        <i class="fa fa-refresh" aria-hidden="true"></i> Refresh
    </a>
    <div style="clear:both"></div>
</div>

我只希望保留两个按钮。如何在不编辑源代码的情况下做到这一点？谢谢

【问题讨论】：

标签： css button plugins

【解决方案1】：

您可以通过:nth-* 伪类（检查here）或属性选择器（检查here）来使用CSS。两者都非常灵活，您应该能够使用这些技巧。

例子：

div.cdm_nav_buttons a:nth-child(2), div.cdm_nav_buttons a:nth-child(3) {
    display:none;
}

或

a[href="#upload"], a[href="#folder"] {
    display:none;
}

【讨论】：

谢谢，很有用！！最后，我找到了一个允许放置此功能的功能。无需使用这些行，但确实很有帮助！

【解决方案2】：

你可以试试这样的

.cdm_nav_buttons a:nth-child(5){
  display: none;
}

.cdm_nav_buttons a:nth-child(2){
  display: none;
}

更多信息可以在这里找到：https://www.w3schools.com/cssref/sel_nth-child.asp

【讨论】：

【解决方案3】：

您可以使用:nth-child() 选择器：例如：

.cdm_nav_buttons a:nth-child(2){
  display:none;
}

这只会“删除”cdm_nav_buttons div 中的第二个 <a>。

你也可以使用它的类来代替a：

.cdm_nav_buttons .sp_cdm_add_file:nth-child(2){
      display:none;
    }

【讨论】：