Раскрывающееся меню скрытия CSS для определенных пунктов меню

Question

У меня есть следующее меню, реализованное в теме HTML / CSS, работающей на Confluence.

В теме, которую я запускаю, есть опции дляактивировать раскрывающиеся меню для всех пунктов меню по умолчанию.Однако мне бы хотелось, чтобы раскрывающееся меню отображалось только для одного из пунктов меню.

В теме не предусмотрена возможность переключения раскрывающихся меню для определенных элементов меню, поэтому я вынужденприбегнуть к пользовательскому CSS.

HTML-код, соответствующий пункту меню RELEASE NOTES, выглядит так:

<li id="rw_category_key_notes" data-name-key="notes">

<a class="rw_custom_url" href="http://localhost:8090/display/DDB/Release+Notes">

<span class="rw_item_name">RELEASE NOTES</span>
<span class="rw_item_dd rw_dropdown_btn"></span>

</a>

</li>

Кроме того, добавление следующего пользовательского CSS удаляет выпадающее меню для ВСЕХ пунктов меню.

#rw_category_menu.rw_theme_underline ul.rw_category_items li a .rw_item_dd{
display: none;
}

Я бы хотел, чтобы CSS условно не отображал раскрывающийся список для пункта меню ВЫПУСКАТЬ ЗАМЕТКИ, а отображал его только для ОБУЧЕНИЯ.

Как бы я поступилоб этом?

Спасибо.

Answer 1

Спасибо, @misorude!

Это решило, я применил -

#rw_category_key_notes .rw_dropdown_btn { display: none; }

в пользовательский CSS темы, как вы предложили.Само по себе оно не скрывает раскрывающееся меню для пункта меню «RELEASE NOTES», но добавление! Важный в конце заставляет его работать.

#rw_category_key_notes .rw_dropdown_btn { display: none !important; }

Answer 2

если вы хотите использовать только первый экземпляр элемента, который вы можете использовать

ul.your-ul-class > li {
  // target only the 1st node instance
}

ul.your-ul-class li > li.second-intance {
  // target only the 2nd node instance
}

, это будет только первый экземпляр узла

ex:
<ul>
  <li> -- CSS implemented -- <li>
  <li> -- CSS implemented --
    <ul>
      <li class="second-intance" > -- NO CSS implemented -- </li>
    </ul>
  </li>
<ul>