Fatal编程技术网
  • firefox/
  • Firefox将样式应用于脚本块

Firefox将样式应用于脚本块

firefox

Firefox将样式应用于脚本块,firefox,Firefox,我简化了我在Firefox中遇到的一个问题（原始代码由服务器端控件生成）。在IE和Firefox中打开以下代码段： <html> <style> .AllInline, .AllInline * { display: inline; } </style> <span class="AllInline"> Test <script type="text/javascript"> <!-- va

我简化了我在Firefox中遇到的一个问题（原始代码由服务器端控件生成）。在IE和Firefox中打开以下代码段：

<html>
<style>
    .AllInline, .AllInline * { display: inline; }
</style>
<span class="AllInline">
    Test
    <script type="text/javascript">
        <!-- var obj = {}; //-->
    </script>
</span>
</html>


.AllInline、.AllInline*{display:inline；}
试验
在IE中，我得到：
测试
在Firefox中，我得到：
测试

脚本块的内容以某种方式变得可见

我不希望样式规则应用于脚本块（也看不出为什么需要这样做）

谁能解释一下吗？

不要把JavaScript放在那里。将其插入
之前

在.

中测试HTMl

您可以将
.AllInline script{display:none；}
添加到css中以隐藏它。

base
，
basefont
，
datalist
，
head
，
meta
，
脚本
，
样式
，
标题
，
noembed
和
param
标记通过设置
display:none的简单方便方式隐藏
在
html.css
中（这是UA样式表）。因此，它们可能会被页面CSS（如您的示例）隐藏<代码>区域另一方面有
显示：无！重要的因为它具有特殊的内部处理（图像有效地拥有该区域）。
它在Firefox中的行为到底如何？我添加了我得到的结果。Chrome的行为与Firefox相同这只是一个简短的复制示例。如果我在写js，我也不会把它放在这里。这源于样式设置和DevXPress控件呈现内容之间的交叉冲突。删除第二个选择器。AllInline*也起作用。只是还是不明白为什么会有人想要这个。。。