在MVC应用程序

Question

在asp.net一个MVC应用程序中使用CSS，我认为我有一个表：

<table width="100%" class="personRow"> 

    <tr class="personRowHeader"> 

     <td style="width: 40%;"> Subiect </td> ... 

和表我使用样式代码PersonRow，一个用于personRowHeader这样定义行：

table.personRow 
{ 
background-color:#EEEEEE; 
border:2px solid white; 
} 

table.personRow tr.personRowHeader 
{ 
    border-bottom-color : #FFFFFF; 
    border-bottom-style : solid; 
    border-bottom-width: medium; 
    font-weight: bold; 
    background-color: #CCCCFF; 
} 

当我只使用personrow我的页面设计中的表的设置进行了修改，但是当我使用我的行的设置时什么也没有发生。可以有人告诉我为什么不工作行的设置？

Answer 1

试试这个，让我知道它，它为你工作：

<table width="100%" class="personRow"> 

    <tr> 

     <td style="width: 40%;"> Subiect </td> . 

为你的CSS，使用此块

table.personRow 
{ 
background-color:#EEEEEE; 
border:2px solid white; 
} 

table.personRow tr 
{ 
    border-bottom-color : #FFFFFF; 
    border-bottom-style : solid; 
    border-bottom-width: medium; 
    font-weight: bold; 
    background-color: #CCCCFF; 
} 

我们迄今所做的取消需要明确地使用你的TR中的class属性，而让CSS通过指出table下的TR具有class of "personRow"来管理它，应该使用这种风格

Answer 2

我把你的代码放在jsfiddle中，只替换了更多可见颜色的颜色，但我没有看到任何错误。

http://jsfiddle.net/e9wvY/1/

检查出来自己，一切工作按预期。