私はこのようなことをしたいと思います....
body{
display:none;
}
#signIn_form_section{
display:inline;
}
もちろん、これは機能しませんが、似たようなものを探しています。基本的に、表示が許可されているタグをホワイトリストに登録したいと考えています。
jfiddle に html を追加しました....
基本的に、フォームと非表示の入力フィールドを表示したいだけです。
これを行う方法のCodePen の実例を作成しました。section
この例のように、*:not
適切に機能しないタグについて具体的に説明する必要があります。
HTML:
<section>
<article>
<p>I am hidden</p>
</article>
</section>
<section class="display">
<article>
<p>You can see me</p>
</article>
</section>
CSS:
section:not(.display) {
display: none;
}
最初のセット
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { display:none; }
次に、クラスを作成し、display:block;
表示する要素にこのクラスを追加するように設定します。
表示する要素にクラスを追加し、display
これを実行して、そのクラスを持たないすべての要素を非表示にすることができます。
*:not(.display) {
display: none;
}
しかし、なぜこれをやりたいのか疑問に思います。
非表示にする要素にクラスを追加して、代わりにこれを行う方が理にかなってhidden
いる場合があります。
.hidden {
display: none;
}
あなたはおそらく次のことを意味します:
* {
display: none;
}
#signIn_form_section{
display:inline;
}
しかし、これは良い考えだとは思いません... 要件を作成していただけますか? なぜそうする必要があるのですか?