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

檢查出來自己，一切工作按預期。