Я хочу, чтобы скрыть все элементы в какой-то разрешение экрана и просто показать разыскиваемый элемент, чтобы быть видимым:Почему я не могу переопределить свойство отображения, применяемое через звездочку?
Например:
*{
display: none;
}
#block{
display: block !important;
}
Но это не отменяет свойство дисплея больше. demo
* предназначается для всех элементов документа, включая html и body. Вот почему контент по-прежнему скрыт - verify that.
Если вы хотите выбрать все элементы в пределах <body> вы должны сделать это следующим образом:
body * {
display: none;
}
#block {
display: block;
}<div id="block">block</div>Или используйте видимость - http://jsfiddle.net/nk8np9vo/3/ –
@Paulie_D действительно! Я просто сосредоточился на селекторе. –
Это сработало для меня, когда я хотел распечатать только диаграмму chart.js на странице; на который я ответил по этому вопросу: http://stackoverflow.com/questions/37192878/chart-from-chart-js-to-pdf (печать только графика с использованием медиа-печати). –
Поскольку body и html включены в универсальный селектор *, который имеет display: none; править.
[Это все еще не работает.] (Http://jsfiddle.net/nk8np9vo/1/) –
'html, body' :) [вот так] (http://jsfiddle.net/yy06ra96/) – misterManSam
обновленный ответ с скрипка http://jsfiddle.net/nk8np9vo/6/ –
Если открыть целевой фрейм с вашим любимым инспектором DOM вы увидите, что <body> остается скрытой:
-1 - «Но whyyyyyyyyy» – misterManSam
@misterManSam - В других ответах есть отличные объяснения. Мой просто дает понять, как диагностировать такие проблемы. –
Я знаю, я педантичен. Нет downvotes :) – misterManSam
Вы видели демо? Он не работает. –
Он применяет 'display: none;' к элементу 'body'; так как это не видно, ничто внутри него не отображается, независимо от того, для чего установлено его отображаемое значение. –
+1. Это хороший вопрос. Это сложная вещь, которую многие люди будут наблюдать. – melancia