☰

Chrome DevTools 中是否有快捷方式可以在元素样式中切换“display：none/block”？

tag-icon • tag-icon google-chrome shortcuts css google-chrome-devtools
Chrome DevTools 中是否有快捷方式可以在元素样式中切换“display：none/block”？

在 Chrome DevTools 中，有一个显示/隐藏元素的快捷方式：

在此处输入图片描述

Chrome__web-inspector-hide-shortcut__为元素添加了类，但它无非是visibility: hidden：

在此处输入图片描述

是否有类似的快捷方式来更改元素的display: none/block样式？单击时会添加style='display: none;'属性并切换它none/block？

在此处输入图片描述

答案1

我有一个调试样式表，其中有一条针对这种情况的规则：

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

然后，使用您的示例，双击class="answer-summary"并添加dn到类列表中，这样您就有了class="answer-summary dn"

相关内容