！在css中重要的是不起作用

Question

我正在尝试覆盖表格中行的背景 这就是我所做的：

<tr style="background-color:#000099 !important;"> 

这就是结果： http://onlinehandytools.com/blah.php?board=EDE&level=AL&subject=biology&year=2010 我已经花了2个小时，我在谷歌上搜索似乎没什么用 唯一有效的是

<style>
td{ background-color:#000099 !important;" }
</style>

但我不想这样做，我会有不同的行背景颜色。 我尝试为每种行创建单独的类，但td.classname也不起作用

Answer 1

您不必将!important添加到内联css，因为它具有最高优先级。

这样做：

<tr style="background-color:#000099"> 

Answer 2

我想你想把它添加到你的kindo css文件中，因为kindo脚本会覆盖你的css：

kindo.common.min.css：第9行

.k-grid td

这是td的css，只需添加背景颜色。

编辑：

也许这就是你要找的东西：

$(document).ready(function(){$(".k-grid td:contains('Jan')").css("background-color","#000099");}); 

它的外观如何

Answer 3

将您的html修改为此

<tr class="grayRow" > ... </tr> 
<tr > ... </tr>

然后只需在css文件中设置你的风格

tr{
    background-color: #fff; 
}

tr.grayRow{
    background-color: #ddd; 
}

大喊大叫。

如果您要更改css文件中的样式，请勿使用！important;在你的HTML中的元素上的标志。 像这样

<tr style="background-color:#000099 !important;"> 

Answer 4

我已检查您的替代行是否添加了一个类＆＃34; k-alt＆＃34;在<tr>中，颜色为＃f5f5f5;即使你有<tr style="background-color:#000099 !important;">，它也会被类重写，因为HTML解析出第1个然后只插入类＆＃34; k-alt＆＃34;按功能。我建议你使用jquery删除＆＃34; k-alt＆＃34;或者替换＆＃34; k-alt＆＃34; jquery的背景颜色。（我看到你的网页已经安装了Jquery Libary）

替换背景

<script type="text/javascript">
$(function() {
  $(".k-alt").css("background","#000099");
});
</script>

或删除背景

<script type="text/javascript">
$(function() {
  if($("tr").hasClass('k-alt')){ 
      $("tr").removeClass('k-alt');
  }
});
</script>