你可以风格无脚本元素？

Question

是否有可能在CSS选择使用noscript元件？

noscript p {
    font-weight: bold;
}

Answer 1

是的！你绝对可以做到这一点。

在事实上，很多（<击>呢？）浏览器中使用CSS的支持针对任何武断的标签。在HTML的“官方”标签规范只定义浏览器应该用它来做什么。但CSS是一种针对XML的任何味道的语言，所以你可以说foo {font-weight:bold;}和大多数浏览器，<foo> hello world </foo>会出来大胆。

如达科Ž的澄清，IE6 / 7做不到DOM从源自动添加任意的（非标准）的元素;它们已经被编程方式添加。

Answer 2

我有一个IE错误要记住。如果像OP，你只是想样式的指令码的标签，而不是无脚本标签内的文字，请忽略此..

假设你想使脚本标记中的背景为红色。在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>

古怪，我只看到此行为在IE8，IE7不会。谁知道6 ..

Answer 3

在除了雷克斯M的答案 - IE 6/7（？6 DEF，7也许）不会样式的你任意标签。但幸运的你与<击>所有很多IE的问题有一个变通方法。

假设你想样式称为foo的元素。为了让IE承认它，因为你需要的地方加入这一行你的JS设置样式元素：

document.createElement('foo');

您不必将其追加，只是创建它。

此将踢IE到造型该元素为您与CSS规则：

foo { font-weight:bold; }