Question

当我尝试给它一个边框以便每个单元格都有边框时，我有一个包含<tr><table>等的div。它没有任何边界：

#dropDownDiv {
    border-left: thin solid white;
}

<div id="dropDownDiv">
<tr>
    <td style="text-transform:capitalize;">
        ${bean.multiLineAddress}${bean.postCode}
    </td>
    <td>
        <table border="0">
            <tr>
                <td>
                    Home
                </td>
                <td>
                    ${bean.phoneNumber}
                </td>
            </tr>
            <tr>
                <td>
                    Work
                </td>
                <td>
                    ${bean.phoneNumber_2}
                </td>
            </tr>
            <tr>
                <td>
                    Mobile
                </td>
                <td>
                    ${bean.mobilePhone}
                </td>
            </tr>
            <tr>
                <td>
                    Email
                </td>
                <td>
                    ${bean.emailAddress}
                </td>
            </tr>
        </table>
    </td>
    <td>
        empty
    </td>
    <td>
        warning
    </td>
    <td Style="text-transform: capitalize;">
        {for warning in bean.Warnings}
        - ${warning}<br>
        {/for}
    </td>   
</tr>
</div>

编辑：没有一个有效的答案

Answer 1

您只选择了div，您还必须选择div中的所有内容：

#dropDownDiv,
#dropDownDiv table,
#dropDownDiv tr,
#dropDownDiv td
{
    border-left: thin solid white;
}

或者您可以使用通配符：

#dropDownDiv *
{
    border-left: thin solid white;
}

这将完全选择div中的所有内容：）

刚抓到这个：

你错过了一个表格标签：

<div id="dropDownDiv">
<tr>
    <td style="text-transform:capitalize;">

将其更改为：

<div id="dropDownDiv">
<table>
<tr>
    <td style="text-transform:capitalize;">

你不能<tr>一个<table>。有些浏览器不知道如何处理它。：）

Answer 2

使用

#dropDownDiv td {
  border-left: thin solid white;
}

表示“为所有td元素提供#dropDownDiv的后代”。

顺便说一句，您的行缺少周围的<table>标记。你需要添加它。

Answer 3

试试这个

#dropDownDiv td {
  border-left: thin solid white;
}

Answer 4

如果你想在该div（以及那个div）中给一切边框，你可以使用：

#dropDownDiv,
#dropDownDiv * {
    border-left: thin solid white;
}

CSS中默认不继承

border。

#dropDownDiv,
#dropDownDiv td {
    border-left: thin solid white;
}

会做div和所有td的内部例如

如何为div中的所有内容赋予边框

4 个答案: