CSS ASP.NET MVC样式不起作用

时间:2014-05-06 07:10:34

标签: html css asp.net-mvc

我有简单的tabla显示数据。现在我有几列,最后一列只显示1或0.现在我想在最后一列中以红色显示所有行的值为1。

我这样做了:

...
<tr class="@((row.LastColumn == 1) ? "error" : "")">
  <td>...</td>
  <td>...</td>

  ...

在我的Css中我做到了这一点:

.error
{
    color:black;
    background-color: red;
}

如果我在Chrome中运行app和View Element,我可以在行中看到这个最后一列如1:

<tr class="error">

因此它识别1并将类更改为&#34;错误&#34;,但行读取时没有着色...

知道为什么吗?

2 个答案:

答案 0 :(得分:1)

试试这个

error
{
   color:black !important;
   background-color: red !important;
 }

如果它不起作用,那么你需要查看css类文件路径的天气。

答案 1 :(得分:1)

将其更改为ID而不是css中的类,并检查并尝试添加文本,原因是如果TD上没有数据,那么在运行时第一次它没有显示任何内容,所以如果你使用文字像&#34;等等等等#34;或者什么,然后它开始实现CSS,试试这个,让我们知道

<tr id="error"> just enter any text here(once css applied remove this text on tr)
  <td>blah blah</td>
  <td> your data</td>

</tr>

  #error
   {
     border:1px solid black;
         color:black;
       background-color: red;
    }