动态行的css不起作用答案

【问题标题】：css for dynamic rows not working动态行的css不起作用
【发布时间】：2014-06-12 19:12:54
【问题描述】：

<html>
<head>
    <title>truck page</title>
    <style type="text/css">
        tr {
            padding: 4px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <?php 
        $db = new mysqli("localhost", "root", "", "db1");
        function getdata($form_element_name) {
            $var = strip_tags($_GET[$form_element_name]);
            return $var;
        }
    ?>
    <fieldset>
        <legend> add a new truck </legend>
        <form action="<?php echo $_SERVER['PHP_SELF']?>" method="GET"> 
            <label>truck number <input type="text" name="truck_number" /></label>
            <label>owner name <input type="text" name="truck_owner_name" /></label>
            <label>owner phone <input type="text" name="truck_owner_ph" maxlength="10" /></label>
            <input type="submit" name="truck_add"  value="add" />
            <input type="reset" />              
        </form>
        <?php if(isset($_GET['truck_add'])) {
            $truck_number = getdata('truck_number');
            $truck_owner_name = getdata('truck_owner_name');
            $truck_owner_ph = getdata('truck_owner_ph');
            $sql_truck_add = "INSERT INTO truck (truck_number, truck_owner_name, truck_owner_ph) 
                                            VALUES ('$truck_number', '$truck_owner_name', '$truck_owner_ph' )"; 
            $result_truck_add = $db->query($sql_truck_add);     
            header("Location: http://localhost/bkp/truckpage.php");             
        } ?>
    </fieldset>
    <table>
        <tr>
            <th>truck number</th>
            <th>owner name</th>
            <th>phone</th>
            <th>operation</th>
            <th></th>
        </tr>
        <?php
        $sql_truck_retrieve = "SELECT * from truck";
        $result_truck_retrieve= $db->query($sql_truck_retrieve);
        while($row=$result_truck_retrieve->fetch_assoc()) { 
            $truck_num_current = $row['truck_number']; ?>
            <tr id="<?php echo "{$truck_num_current}"; ?>">
                <td><?php echo "{$row['truck_number']}"; ?></td>
                <td><?php echo "{$row['truck_owner_name']}"; ?></td>
                <td><?php echo "{$row['truck_owner_ph']}"; ?></td>
                <td>
                    <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="GET">
                        <input type="hidden" name="truck_numcur" value="<?php echo "{$row['truck_number']}"; ?>" />
                        <input type="submit" name="truck_update" value="update" />
                        <input type="submit" name="truck_delete" value="delete" />
                    </form>
                </td>
                <td>
                    <?php // action to be taken if either update or delete is selected
                    if(isset($_GET['truck_update'])) { 
                        $truck_numcur = $_GET['truck_numcur'];
                        if($truck_numcur == $truck_num_current) { ?>
                            <form action="<?php $_SERVER['PHP_SELF'] ?>" method="GET">  
                                <input type="hidden" name="truck_update_num" value="<?php echo "{$truck_numcur}"; ?>" />
                                <input type="text" name="truck_num_update" placeholder="truck number" />
                                <input type="text" name="owner_name_update" placeholder="owner name" />
                                <input type="text" name="owner_phone_update" placeholder="owner phone" />
                                <input type="submit" value="save" name="truck_update_yes" />
                                <input type="submit" value="cancel" name="truck_update_no" />
                            </form>
                        <?php }
                    }
                    else {
                        if(isset($_GET['truck_delete'])) {
                            $truck_numcur = $_GET['truck_numcur'];
                            if($truck_numcur == $truck_num_current) {
                            ?>
                                <form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="GET">
                                    <span>confirm? </span>
                                    <input type="hidden" name="truck_del_num" value="<?php echo "{$truck_numcur}"; ?>" />
                                    <input type="submit" name="truck_delete_yes" value="yes" />
                                    <input type="submit" name="truck_delete_no" value="no" />
                                </form>
                            <?php }
                        }
                    }
                    //
                    // action to be taken after delete confirmation
                    if(isset($_GET['truck_delete_yes']))  {
                        $truck_del_num = $_GET['truck_del_num'];
                        $sql_truck_del = "DELETE from truck WHERE truck_number = '{$truck_del_num}'";
                        $result_truck_del = $db->query($sql_truck_del);
                        header("Location: http://localhost/bkp/truckpage.php");
                    }
                    else {
                        if(isset($_GET['truck_delete_no'])) {
                            header("Location: http://localhost/bkp/truckpage.php");
                            //---------------------------------------------------------------------------
                            //header("Location: http://localhost/bkp/truckpage.php/#$truck_num_current");
                            //---------------------------------------------------------------------------
                        }
                    }
                    //
                    // action to be taken after update confirmation
                    if(isset($_GET['truck_update_yes'])) {
                        $truck_update_num = $_GET['truck_update_num'];
                        $truck_num_update = getdata('truck_num_update');
                        $owner_name_update = getdata('owner_name_update'); 
                        $owner_phone_update = getdata('owner_phone_update');
                        $sql_truck_update = "UPDATE truck SET truck_number = '$truck_num_update', truck_owner_name = '$owner_name_update', truck_owner_ph = '$owner_phone_update' WHERE truck_number = '{$truck_update_num}' ";
                        $result_truck_update = $db->query($sql_truck_update);
                        header("Location: http://localhost/bkp/truckpage.php");
                    }
                    else {
                        if(isset($_GET['truck_update_no'])) {
                            header("Location: http://localhost/bkp/truckpage.php");
                        }
                    }
                    //
                    ?>
                </td>
            </tr>
        <?php } ?>  
    </table>
</body>

我正在尝试从 db 表中提取值并将它们添加为表行。行显示正确，但是当我尝试为表格行添加 css 样式时，它不起作用。我试图给一个边框和填充。我是 web 开发的新手，不明白为什么 css 部分不起作用。谁能告诉如何使 css 部分在这个 php 代码中工作？

【问题讨论】：

确保这些行在你的第一行之前存在
那些是写的。除了 tr 的 css 之外的所有东西都正常工作
好的，我正在编辑帖子并上传整个 php 代码

标签： php css styles

【解决方案1】：

问题在于您不能非常有效地设置tr 元素的样式。您需要定位父 table 或子 td 元素以获得您正在寻找的影响。

查看这个 JSFiddle 示例：http://jsfiddle.net/v6zNt/

CSS：

table {
    border: 1px solid #000;
}

/* notice how these styles does not apply anywhere */
tr {
    border: 1px solid green;
    padding: 4px;
}

td {
    border: 1px solid red;
    padding: 4px;
}

HTML：

<table>
    <tr>
        <td>One</td>
        <td>Two</td>
        <td>Three</td>
    </tr>
</table>

您可以为表格设置样式，只是它们有自己的一套规则，您需要注意这些规则。这里有一个很棒的介绍：http://css-tricks.com/complete-guide-table-element/

【讨论】：