在最新的 Firefox 70 Beta 版本中，引入了一項名爲“Inactive CSS”（非活躍 CSS）的功能，DevTool 新工具將爲開發者展示哪些 CSS 屬性不會影響所選元素以及原因，這將大大節省開發者的時間。
具體情況是，當選中一個元素時，元素的 CSS 屬性如果對其沒有影響，那麼這個屬性旁邊會顯示一個信息框，說明其不會起作用，並且解釋原因。以上圖爲例：flex-grow 的設置不會在 .outer-wrapper 中生效，因爲它不是一個 flex 項。此外，信息框中還會給出改進建議。
此前 Firefox 在 v65 中也引入一項新奇的 CSS 功能 Flexbox Inspector。
Flexbox Inspector 可以幫助開發者瞭解 CSS Flebox 元素的大小、位置與嵌套情況。只要開發者在標記視圖中選定了 Flex 容器或其它元素，那麼就會自動出現 Flexbox 信息，開發者可以在佈局面板中的 Inspector 標籤下看到相應內容。
這些 CSS 工具對於前端工程師或者故障排查都能提供極大的便利，具體情況可以查看：
https://www.mozilla.org/en-US/firefox/70.0beta/releasenotes https://www.oschina.net/news/103673/flexbox-inspector-will-add-to-firefox-65