gpt4 book ai didi

html - CSS/前 :empty with non-empty pre contents

转载 作者:行者123 更新时间:2023-11-28 14:30:46 25 4
gpt4 key购买 nike

我有这个 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>标签,但没有包含内容的 pre 标签。

最佳答案

出于兴趣,尝试将其放在样式表中而不是 <style /> 中.这样做的原因是:

“在 Safari 2 及之前的版本中,当它出现在内部样式表中(使用标签)时,此选择器将始终匹配。如果此选择器用于外部样式表中,它将按设计工作。”

...来自(http://reference.sitepoint.com/css/pseudoclass-empty)

现在我知道你说你运行的是 5.1,但它值得一试,对吗?

关于html - CSS/前 :empty with non-empty pre contents,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7360659/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com