Question

在asp.net的MVC应用程序中，在我看来，我有一个表：

  <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

我把你的代码放在jsfiddle中，只替换颜色更明显的颜色，但我没有看错。

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

自己检查一下，一切正常。

Answer 2

尝试一下，让我知道它对你有用：

<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通过指出TR下有table的任何class of "personRow"来管理它。 {{1}}，应该使用这种风格

在MVC应用程序中使用css

2 个答案: