有人可以告诉我为什么我的 div 风格不起作用吗

我的ID #kiwi 似乎不起作用。谁能解释为什么它不起作用？我一直在寻找一些帮助，但找不到。当我尝试对其进行分类时，它甚至不起作用。

<head>
    <title>this is the title sucker</title>
    <style>
        #kiwi {background-color:green;}
    </style>
</head>
<body>      
    <table border="1">
        <tr>
            <th colspan="3">Statistics</th>
        </tr>
        <tr>
            <th colspan="1">Car model name</th>
            <th colspan="0">Vegetables</th>
            <th>Delicious Fruits</th>
        </tr>

        <div id="kiwi">
        <tr>
            <td>Jaguar</td>
            <td>Tomato</td>
            <td>Kiwi</td>
        </div>
        </tr>
        <tr>
            <td>BMW</td>
            <td>Potato</td>
            <td>Apples</td>
        </tr>
        <tr>
            <td>AUDI</td>
            <td>Cabbage</td>
            <td>Watermelon</td>
        </tr>
    </table>
</body>

您应该将 id 分配给<tr>标签，而不是将其放在div 中

这有效：

<head>
    <title>this is the title sucker</title>
    <style>
        #kiwi {background-color:green;}
    </style>
</head>
<body>      
    <table border="1">
        <tr>
            <th colspan="3">Statistics</th>
        </tr>
        <tr>
            <th colspan="1">Car model name</th>
            <th colspan="0">Vegetables</th>
            <th>Delicious Fruits</th>
        </tr>
        <tr id="kiwi">
            <td>Jaguar</td>
            <td>Tomato</td>
            <td>Kiwi</td>
        </tr>
        <tr>
            <td>BMW</td>
            <td>Potato</td>
            <td>Apples</td>
        </tr>
        <tr>
            <td>AUDI</td>
            <td>Cabbage</td>
            <td>Watermelon</td>
        </tr>
    </table>
</body>

事实上它确实有效。这是div内容的问题。

而不是

    <div id="kiwi">
    <tr>
        <td>Jaguar</td>
        <td>Tomato</td>
        <td>Kiwi</td>
    </div>
    </tr>

例如，尝试：

    <tr>
        <td>Jaguar</td>
        <td>Tomato</td>
        <td><div id="kiwi">Kiwi</div></td>
    </tr>

编辑：事实证明，您也可以在tr中使用div。因此，您可以将其放在 td 标记内，如下所示。或者，如果您想为整行着色，您可以将 id 放在"tr"本身上，正如这里的其他人所建议的那样。

那里有几件事。首先，您不能将<div>直接放在<table>标签中。您必须将其放置在<th>或<td>标签中。

在此处查看更多：div 内部表

此外，您<div>标签在<tr>之前打开，但在它之后关闭，这是不正确的。始终以正确的顺序打开和关闭标记。

你可以做这样的事情：

<tr>
        <td>Jaguar</td>
        <td>Tomato</td>
        <td><div id="#kiwi">Kiwi</div></td>
</tr>

相关内容

最新更新

热门标签：