Question

我的身份#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>

Answer 1

您应该将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>

Answer 2

事实上它确实有效。这是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>

Answer 3

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

那里有一些东西。首先，您不能将<div>直接放在<table>标记内。您必须将其放在<th>或<td>标记内。

在此处查看更多内容：div inside table

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

您可以这样做：

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

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

3 个答案: