Question

我有一个div作为控制台。它记录网站上的活动。我在其中显示消息并将颜色应用于文本我使用CSS类的<span>元素。

我的CSS课程

.consoleError{    <---- dynamic prepend
    color: #f00;
}

.consoleGood{      <---- dynamic prepend
    color: #2aff01;
}

前缀（Jquery）stings的JavaScript：

$('#console').prepend('<span class="consoleError">ERREUR : </span>' + data[i] + '<br>');
                        }

$('#console').prepend('<span class="consoleGood"> Status: ' + data[0] + '</span> Requête: ' + action + ' Conteneur:' +container+ '<br>');

我使用prepend将它们插入顶部;

现在的问题是，当发生错误时，“consoleError”类生效，我看到它以红色显示;

在我实际查看之前插入了其他类“consoleGood”跨度，因为我需要花时间进入控制台。

所以我想知道为什么一个跨度CSS工作而不是在激活“#console”元素显示之前插入的另一个？

有人知道这里有什么问题吗？

span元素样式不适用

0 个答案: