Question

我有这个HTML页面

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>foo</TITLE>
<style type="text/css">
pre:empty {
  display: none;
}
</style>
</HEAD>

<BODY>
<PRE>
some text here in the pre
element
</PRE>
</BODY>
</HTML>

我想知道为什么浏览器（safari 5.1）没有显示任何内容。我假设pre:empty仅适用于空元素。我想隐藏<pre></pre>标签，但没有隐藏内容的预标签。

Answer 1

出于兴趣，请尝试将其放在样式表中而不是<style />中。原因是：

“在Safari版本中，包括2，当它出现在内部样式表中时（使用标签），此选择器将始终匹配。如果在外部样式表中使用此选择器，它将按设计工作。”< / p>

...来自（http://reference.sitepoint.com/css/pseudoclass-empty）

现在我知道你说你正在运行5.1，但值得一试吗？

css / pre：为空，包含非空的前置内容

1 个答案: