你可以设置 noscript 元素的样式吗？

Question

是否可以在 CSS 选择器中使用 noscript 元素？

noscript p {
    font-weight: bold;
}

Answer 1

是的！ 你绝对可以做到。

事实上，许多（所有？）浏览器都支持使用 CSS 定位任意标签。 HTML 规范中的“官方”标签仅定义浏览器应如何使用它们。 但 CSS 是一种针对任何 XML 风格的语言，因此您可以说 foo {font-weight:bold;} 并且在大多数浏览器中，hello world 将以粗体显示。

正如 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>

奇怪的是，我只在 IE8 中看到此行为，而不是在 IE7 中。 谁知道6..

Answer 3

除了 Rex M 的回答 - IE 6/7（6 def，7 也许？）不会为任意标签设置样式你。 但幸运的是，对于所有许多 IE 问题，都有一个解决方法。

假设您想要为一个名为 foo 的元素设置样式。 要让 IE 将其识别为可样式元素，您需要在 JS 中的某个位置包含此行：

document.createElement('foo');

您不需要附加它，只需创建它。

这将使 IE 使用 CSS 规则为您设置该元素的样式：

foo { font-weight:bold; }