如何使用css仅显示页面的一个元素

Question

我有一个网页，例如一个显示Google Analytics报告的网页。其中一个图是在id =“ID-overview-graph”的div中。如何使用css在页面中仅显示它？

我试过了：

body {
  display: none
}

#ID-overview-graph {
  display: block
}

由于显而易见的原因无效。

Answer 1

假设页面上的所有其他元素都是div个元素，您可以这样做：

div:not(#ID-overview-graph) {
    display: none;
}

这样，您就不会使用如此昂贵的选择器作为通配符选择器*

如果您有其他元素，可以使用:not()语句列出所有元素。

如果您可以包含其余的html，那将会有所帮助。