プラグインからボタンを削除する

Question

プラグインからいくつかのボタンを削除する方法を解明しようとしています。私はプラグインコードを変更したくないです、私はもう更新を得ることができないでしょうから。問題は、リスト内の2つのボタンを残しておき、すべてが同じクラス名を持つようにするために、CSS規則の表示：noneを使用できないことです。次のように

コードは次のとおりです。

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

は、私は2つのだけのボタンがままにしておきたいです。ソースコードを編集せずにこれを行うにはどうすればよいですか？例えば ：おかげ

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

Answer 2

あなたは:nth-child()セレクタを使用することができます

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

これはのみcdm_nav_buttons divの内側に二<a>を "削除します"。

代わりのaあなたもそのクラスを使用することができます。この

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

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

より多くの情報はここで見つけることができますようにあなたが何かを試みることができる

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

Answer 3

：https://www.w3schools.com/cssref/sel_nth-child.asp