Есть ли ярлык для переключения «display: none/block» в стиле элемента в Chrome DevTools?

Question

В Chrome DevTools есть ярлык для отображения / скрытия элемента:

Chrome добавляет к __web-inspector-hide-shortcut__ , но это не более чем visibility: hidden:

Есть ли аналогичный ярлык для изменения отображения элемента display: none/block стиль блока ? Таким образом, при нажатии добавляется style='display: none;' атрибут и переключает его none/block ?

Answer 1

У меня есть таблица стилей отладки, с правилом только для этой ситуации:

  .dn, .dn * {display:none !IMPORTANT}

Затем, используя ваш пример, дважды щелкните по class="answer-summary" и добавьте dn в список классов, чтобы получить class="answer-summary dn"