html - noscript 要素のスタイルを設定できますか?

Question

noscriptCSSセレクターで要素を使用することは可能ですか?

noscript p {
    font-weight: bold;
}

Answer 1

はい！あなたは間違いなくそれを行うことができます。

実際、多くの (すべて? ) ブラウザーは、CSS を使用した任意のタグのターゲット設定をサポートしています。HTML 仕様の「公式」タグは、ブラウザーがそれらをどう処理するかを定義するだけです。しかし、CSS はあらゆる種類の XML を対象とする言語であるためfoo {font-weight:bold;}、ほとんどのブラウザーで<foo> hello world </foo>は太字で表示されます。

Darko Zが明確にしているように、IE6/7 は任意の (非標準の) 要素をソースから自動的に DOM に追加しません。プログラムで追加する必要があります。

Answer 2

覚えておくべき IE のバグがあります。OP のように、noscript タグ自体ではなく、noscript タグ内のテキストのスタイルを設定したいだけの場合は、これを無視してください。

noscript タグの背景を赤くしたいとします。IE8 では、JS が有効な状態で表示されます。中身のテキストではなく、箱そのものです。

したがって、この組み合わせは良くありません。

CSS

noscript {
    background-color: red;
}

HTML

<noscript>Turn on your damned JavaScript! What is this, 1999?</noscript>

しかし、この回避策はうまくいきます:

CSS

noscript div {
    background-color: red;
}

HTML

<noscript><div>Turn on your damned JavaScript! What is this, 1999?</div></noscript>

奇妙なことに、この動作は IE7 ではなく IE8 でのみ見られます。そして、誰が約6..