Question

我无法在表格中应用CSS。例如，我希望表格显示在中间，并改变字体颜色和大小。但我不能。我应该使用tbody标记，因为我有body标记吗？我也从数据库生成表数据。

    <?php 

      include 'connect.php';

      $year = $_POST['year']; 
      $lecturer = $_POST['lecturer']; 
      $years     = array(
          2005,
          2006,
          2007
      );
     $lecturers = array(
         'lec1',
         'lec2',
         'lec3',
         'lec4'
      );

    if (in_array($lecturer, $lecturers) && in_array($year, $years)) {

           $sql = "SELECT unit_name,a1,a2,a3,l1,l2,r1,r2,u1,u2,u3 FROM $lecturer WHERE year=$year";

           $result = mysql_query($sql);
     }

    else {
         echo "No data found";
    }
?>
     <html>   
      <head>
    <link rel="stylesheet" type="text/css" href="../../statistics/style.css">
      </head>
       <body>
         <div id="mytable">
           <table width="900" border="1" cellspacing="1">
               <tr>
                 <tbody>
                  <td>Unit Name</td>
                  <td>A1 </td>
                  <td>A2 </td>
                  <td>A3 </td>
                  <td>L1 </td>
                  <td>L2 </td>
                  <td>R1 </td>
                  <td>R2 </td>
                  <td>U1 </td>
                  <td>U2 </td>
                  <td>U3 </td>
        </tbody>
      </tr>

  <?php
       while($unit=mysql_fetch_assoc($result)){
        echo "<tr>";
        echo "<td>".$unit['unit_name']."</td>";
        echo "<td>".$unit['a1']."</td>";
        echo "<td>".$unit['a2']."</td>";
        echo "<td>".$unit['a3']."</td>";
        echo "<td>".$unit['l1']."</td>";
        echo "<td>".$unit['l2']."</td>";
        echo "<td>".$unit['r1']."</td>";
        echo "<td>".$unit['r2']."</td>";
        echo "<td>".$unit['u1']."</td>";
        echo "<td>".$unit['u2']."</td>";
        echo "<td>".$unit['u3']."</td>";
        echo "</tr>";    
       }
   ?>
   </table>
   </div>
  </body>
  </html>


css:


      <!-- principalLecturers
     -->
      #body{
        color:white;
        padding-bottom: 20px;
       }
      #table{
        margin:0;
        border-collapse: collapse;
        color:#b50a1e;
        font-family:verdana,arial,sans-serif;
        font-size:10px;
       }  
       #table#mytable{
         display: table-row-group;
         vertical-align: middle;
         border-color: inherit
       }

Answer 1

我无法在表<table id="table"...>中看到任何地方。这就是为什么#table {...}的样式不适用的原因。

我无法在html表中应用CSS

1 个答案: