在最新的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工具對于前端工程師或者故障排查都能提供極大的便利。