Как показать только один элемент страницы с помощью css

Question

У меня есть веб-страница, например, одна из которых содержит отчет Google Analytics. Один из графиков находится в div с id = "ID-overview-graph". Как использовать css для показа только на странице?

Я пробовал:

body { 
    display: none 
} 

#ID-overview-graph { 
    display: block 
} 

, которые не работали по очевидным причинам.

Answer 1

Предполагая, что все остальные элементы на странице div элементов, вы можете сделать:

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

Таким образом, вы не используете такой дорогой селектор в качестве селектора подстановочных *

Если у вас есть другие элементы, вы можете перечислить их все с помощью этого заявления :not().

Если вы можете добавить остальную часть своего html, это было бы полезно.