PHP中表格的CSS样式答案

【问题标题】：CSS Styling for Table in PHPPHP中表格的CSS样式
【发布时间】：2015-01-28 02:51:03
【问题描述】：

我正在尝试在我在 PHP 中迭代的表中应用一个 TD 类。该表生成得很好，并且内联样式有效，但我无法从我的样式表中应用这些类。

带有样式表链接的标题

<head>
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" media="screen" href="bbapi.css" />
</head>

这是我的表格生成，可以正常工作：

<div>   
    <table class="output-table">
        <tr>
            <th scope="col">Store #</th>
            <th scope="col">Type</th>
            <th scope="col">City</th>
            <th scope="col">State</th>
            <th scope="col">Distance</th>
        </tr>
            <?php
                //ITERATE LOOP TO OUTPUT XML STRING DATA INTO A TABLE
                foreach($xmlcont as $url) 
                {
            ?>
                <tr>
                    <td><?php echo "{$url->storeId}"?></td>
                    <td><?php echo "{$url->storeType}"?></td>
                    <td><?php echo "{$url->city}"?></td>
                    <td><?php echo "{$url->region}"?></td>
                    <td><?php echo "{$url->distance}"?></td>
                </tr>
            <?php
                }
            ?>
    </table>
</div>

样式表类（颜色仅用于测试atm）：

table.output-table td {
    background-color:aqua;
}

table.output-table th {
    background-color:lime;
}

目标是能够将一个类应用于表头行<th>，而另一个类应用于<td> 行。出于某种原因，要么我错误地定位了 CSS，要么完全是其他的东西。

【问题讨论】：

HTML 和 CSS 似乎是正确的。 .css 文件的位置是否正确？
将其放入 codepen 时有效：codepen.io/anon/pen/jVZqQG 必须是样式表的文件路径，或某处的拼写错误（样式表不是在目录中吗？）

标签： php css html-table

【解决方案1】：

你做得很好。似乎您在 CSS 中为 td 和 th 定义了一些样式。我建议你尝试把 !important 放在你的风格中。

table.output-table th {
    background-color:lime!important;
}

但更好的方法是检查确切设置样式的位置，然后将其删除

【讨论】：

！ - 没做什么。做 !important - 告诉样式比 CSS 中的任何常规样式或内联样式更重要
明白了。谢谢。我弄清楚我做错了什么。范围把一切都搞砸了。我走那条路，但选择了简单的造型。再次感谢！
太好了，祝你有美好的一天