Поведение CSS в зависимости от состояния другого элемента ⇐ CSS

[Anonymous]

Я редактирую userchrome.css для настройки # #navigator-toolbox в Firefox. Я хочу, чтобы это было частично скрыто, когда не сфокусировано или не зависело, и был показан иначе. Это должно быть частично скрыто так, чтобы я мог зависать. Более того, я нахожусь на Linux. Когда я нажимаю Alt, #инструменты-панель-menubar покажу (в этой панели, имеющей файл, редактирование, просмотр, кнопки истории).
Иерархия CSS # #navigator-toolbox IS < /p>

Код: Выделить всё

 
...

В настоящее время у меня есть следующий CSS, чтобы скрыть # #navigator-toolbox без рассмотрения состояния #инструмента = "lang-css prettyprint-override">

Код: Выделить всё

#TabsToolbar {
visibility: collapse;
}

#navigator-toolbox:not(:hover):not(:focus-within) {
margin-top: -36px;
}

Проблема с этим CSS заключается в том, что когда я нажимаю Alt, только #Nav-bar показывает как #инструменты-панель-menubar теперь активен и нажимает #Nav- BAR вниз при сохранении маржинальной версии: 36px;
Учитывая, что когда # #инструмент-menubar скрыт, неактивно = "true"

Подробнее здесь: https://stackoverflow.com/questions/794 ... er-element