给定Microsoft Edge（110.0.1587.57）中显示的以下HTML文档，并且style标记的内容超过10，000个字符，Edge将视为style标记中10 k字符标记后的类不存在。
<html>
<head>
<style>.test{background-color:orange}p{color:green}</style>
</head>
<body>
<p>This text should be green!</p>
</body>
</html>如果您更改上面的代码并复制.test{background-color：橙子}大约350次，您将有一个足够长的样式标记来重新创建问题。p样式应保留在末尾或至少超过10，000个字符标记。
当你点击paragraph标签打开开发者工具并查看html时，css部分并不显示p标签的样式，因此文本是黑色的。
在测试html中，有时候会出现绿色的文本，但在实际的问题环境中并不是这样，所以我没有完美地重现问题。然而，如果我让测试html设置一段时间，它确实演示了问题。文本会再次变黑，css部分将不再显示正在应用的p样式。
当我在Firefox中运行相同的测试时，p样式显示正确。
1条答案
按热度按时间1hdlvixo1#
我已尝试使用Microsoft Edge（110.0.1587.57）和Google Chrome测试此问题。
在两种浏览器中，文本均显示为绿色。
当我们使用Dev工具检查Style标签下的CSS代码时，它显示省略号，因为CSS的长度很长。
但这并不意味着没有在这里显示的CSS没有被执行。
当您单击页面上的元素时，可以看到应用到它的CSS。
CSS旁边有一个源代码的链接，如果你点击它，你就会看到整个代码。
我已经尝试了几次，我没有看到黑色文本或CSS不适用于文本，即使在粘贴
.test{background-color:orange}超过350次。如果您仍然看到这个问题，我建议您尝试将Edge更新到111. x版本并查看结果。