0

下面我添加了我的 css 文件和我的 html 文件，我需要用更改名称颜色为我的表格着色，但它不起作用我不知道我在哪里做错了。

CSS文件：-

table.gridtable{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    float:center;
    border-width:1px;
    border-style:groove;
    border-color:black;
    border-collapse:collapse;
    width:600px;
    }
    table.gridtable th{
    border-width:1px;
    padding:3px;
    border-style:solid;
    border-color:black;
    }
    table.gridtable td{
    border-width:1px;
    padding:3px;
    border-style:solid;
    border-color:black;
    }
    .oddrowcolor{
    background-color: black;
    }
    .evenrowcolor{
    background-color: red;
    }
    table.gridtable td.darkcol{
    border-top:0px;
    border-bottom:0px;
    border-right: 1px;
    }
    table.gridtable td.emptycol{
    border-bottom:0px;
    border-right: 1px;
    }

HTML & PHP:-

 <table class="gridtable" id="alternatecolor" align="center"
 <tr><th>disease Name/th><th>Gene Name/th><th>OMIM Number</th></tr>  
 <?php
    $dbhandle = mysql_connect($hostname, $username, $password) or die("Unable to connect to MySQL");
    $selected = mysql_select_db("missensencemuttation",$dbhandle) or die("Could not select disease");
    $result = mysql_query("SELECT DISTINCT * FROM `gene_data` ORDER BY disease_name");
        $last=" ";
    while($row = mysql_fetch_array($result))    

        $now=$row[2];
        if($last != $now){
                $rcnt=mysql_query("select count(gene_name) from gene_data where gene_name='$now'");
        if($rcnt==1){
        echo "<tr><td>";   
        echo "<a href='d1.php?d_name=".$row['disease_name']."'>".$row['disease_name'];
        echo "</a></td>";       
        echo "<td>".$row['gene_name']."</td>";
        echo "<td>".$row['ommi_number']."</td></tr>";
        }
        else{
        echo "<tr><td class='emptycol'>";   
        echo "<a href='d1.php?d_name=".$row['disease_name']."'>".$row['disease_name'];
        echo "</a></td>";       
        echo "<td>".$row['gene_name']."</td>";
        echo "<td>".$row['ommi_number']."</td></tr>";
        }
        }
        else
        {
        echo "<tr'>";
        echo "<td class='darkcol'>";   
        echo '&nbsp';
        echo "</td>";       
        echo "<td>".$row['gene_name']."</td>";
        echo "<td>".$row['ommi_number']."</td></tr>";
        }
        $last=$row[2];

谁能帮我这个 ？？

4

2 回答 2

2

也许我误解了，但看起来你想应用oddrowcolor或evenrowcolor交替行 - 但在你实际的 php/html 中，我在任何地方都看不到这些类名。他们没有被放在行上，所以他们的规则不会被应用。只需将它们添加到<tr>您的 php 中的适当标签中，它应该可以工作。或者，您可以使用nth-of-type选择器来应用规则而不更改您的 php：

tr:nth-of-type(odd) {
    background-color: black;
}
tr:nth-of-type(even) {
    background-color: red;
}
于 2013-04-15T04:25:16.103 回答
0

如果您想要每个表格行的替代颜色，那么一个简单的 CSS 应该可以做到。这样，如果您想动态插入新行，它将自动调整颜色。

.stripped-rows:nth-child(odd){
   background-color:red;
 }
.stripped-rows:nth-child(even){
   background-color:blue;
 }

和 html ...

 <table>
 <tr class = 'stripped-rows'>
     <td>sad</td>
 </tr>
 <tr class = 'stripped-rows'>
  <td>sad</td>
</tr>
 <tr class = 'stripped-rows'>
   <td>sad</td>
</tr>

演示

于 2013-04-15T06:19:02.307 回答