css - 从插件中删除按钮

Question

我想弄清楚如何从插件中删除一些按钮。我不想更改插件代码，因为我将无法再获得更新。问题是我不能使用 css 规则显示:无，因为我想保留列表中的 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>

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

Answer 1

您可以使用 CSS 通过 :nth-* 伪类(检查 here )或通过属性选择器(检查 here )来完成。两者都非常灵活，您应该能够用它们来解决问题。

例子:

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;
}