问css/ pre :带有非空pre内容的空
EN

Stack Overflow用户

提问于 2011-09-09 19:00:24

回答 1查看 235关注 0票数 0

我有这个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>

我想知道为什么浏览器(Safari5.1)什么都不显示。我假设pre:empty只适用于空元素。我想隐藏<pre></pre>标签，但不隐藏包含内容的pre标签。

html

css

回答 1

Stack Overflow用户

发布于 2011-09-09 19:27:44

出于兴趣，试着把它放在样式表中，而不是<style />中。原因是：

在Safari版本2及以下版本中，当它出现在内部样式表中(使用标记)时，此选择器将始终匹配。如果在外部样式表中使用此选择器，它将按设计工作。

..。发件人(http://reference.sitepoint.com/css/pseudoclass-empty)

现在我知道你说你运行的是5.1，但是值得一试，对吧？

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7360659

复制

相似问题

问css/ pre :带有非空pre内容的空
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css/ pre :带有非空pre内容的空EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css/ pre :带有非空pre内容的空
EN