コンポーザーのcogドロップダウンからエントリを削除できません

貢献 UX
1

フォーラムではあまり使われない「詳細を隠す」エントリを、コンポーザーの歯車ドロップダウンから削除しようとしていますが、うまくいきません。

Chrome 開発者ツールでエントリとそのセレクターを見つけた後、以下を試してみました。

div.select-kit-body > ul.select-kit-collection.ember-view > li:nth-child(1) {
  display: none;
}

しかし、これだとサイト全体の多くのリストから最初のエントリが消えてしまいます。そこで、その上の要素（青でハイライトされているもの）のセレクターを基に拡張を試みました。

deq
deq706×280 20.2 KB

その結果、以下のようになりました。

button.select-kit-header.single-select-header.btn-default.dropdown-select-box-header.btn.no-text.btn-icon.ember-view > div.select-kit-body > ul.select-kit-collection.ember-view > li:nth-child(1) {
  display: none;
}

しかし、これは機能せず、削除しようとしているエントリが再び表示されてしまいます。「ember-view」を末尾から外しても試しましたが、結果は同じでした。

もしこの問題についてお手伝いできる方、または以前に経験がある方がいらっしゃれば、大変助かります。

2

その要素にはユニークなクラスがありません。これまでそのようなケースがなかったためです。

ただし、ユニークな属性は存在します。そのため、その属性を使用して、その要素のみをターゲットとする属性セレクターを作成できます。

.d-editor-button-bar [data-value="insertDetails"] {
  display: none;
}
「いいね！」 3
3

これで動きました！@Johani さん、本当にありがとうございます。

「いいね！」 1