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