slickgrid 条件格式和选择着色优先级答案

【问题标题】：slickgrid conditional formatting and selection coloring priorityslickgrid 条件格式和选择着色优先级
【发布时间】：2016-05-24 10:09:47
【问题描述】：

我在光滑网格中的一列有条件格式，它工作正常。我也有一个同样有效的单元格部分格式。单元格格式似乎优先于选择格式，所以如果我单击单元格，它部分工作背景会被应用，但前景不会。有没有办法切换优先级，即在选择时使用默认单元格格式？

function (row, cell, value, columnDef, dataContext) {
            if (value === 'A') {
                return "<span style='color:#FF0000'>" + value + "</span>";
            }

            if (value === 'B') {
                return "<span style='color:#00FF00'>" + value + "</span>";
            }

};

.slick-cell.selected {
    background-color: #000000;
    color: #FFFFFF;
}

【问题讨论】：

标签： javascript css html slickgrid

【解决方案1】：

条件格式前景优先于默认选择前景。将选择前景样式设置为!important 即可解决问题。

.slick-cell.selected > span {
    background-color: #000000;
    color: #FFFFFF !important;
}

【讨论】：

您介意在您的答案中添加一些文字解释吗？它可能对未来的读者有很大帮助。