！在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

我想你想把它添加到你的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 2

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

这样做：

<tr style="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

我检查你的替代行是在<tr>中添加了一个类“k-alt”，颜色是＃f5f5f5;即使你有<tr style="background-color:#000099 !important;">，它也会被类覆盖，因为HTML解析出第1只然后只按函数插入类“k-alt”。我建议您使用jquery删除“k-alt”或用jquery替换“k-alt”背景颜色。（我看到你的网页已经安装了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>