Javascript css中的文本装饰不'；它不能正常工作

我使用这段代码在javascript中实现文本差异。代码运行良好

然后我尝试添加文本装饰，以便在句子的错误部分上画一条线，如下所示：

问题是

文本装饰：行通过在这里不能正常工作

以下是我尝试添加文本装饰的CSS：

注意：我可以在这里更改文字和背景颜色，但文字装饰不起作用

del：错误和红色部分

ins：正确和绿色部分

del {

    text-decoration: line-through !important; 
    color: #b30000;
    background: #fadad7;
}
ins {
    background: #eaf2c2;
    color: #406619;
    text-decoration: none;
}

Js是一个库，如果你想查看它，请随时询问它。但以下是包含ins和del的唯一部分：

  convertChangesToXML: function (changes) {
            var ret = [];
            for (var i = 0; i < changes.length; i++) {
                var change = changes[i];
                if (change.added) {
                    ret.push("<ins class='diff'>");
                } else if (change.removed) {
                    ret.push("<del class='diff'>");
                }

                ret.push(escapeHTML(change.value));

                if (change.added) {
                    ret.push('</ins>');
                } else if (change.removed) {
                    ret.push('</del>');
                }
            }
            return ret.join('');
        },

convertChangesToXML:函数（更改）{
var-ret=[]；
对于（变量i=0；i
这一定是个奇怪的问题，对我来说很好：


hi{
文字装饰：线条贯穿！重要；
}
您好
您能给出一个传递给
convertChangesToXML
的示例吗？这是有效的：
ret.push（“”）很高兴我能帮助你！唯一能想到的是：您将CSS应用于元素的方式越具体，您就越能确保它不会被覆盖。因此，您的类
diff
可能有一些重写
del
样式的东西，例如
diff
有
文本装饰：一些东西！重要的也是。内联始终是可以应用的最具体的东西，因此内联css不能真正被覆盖