直系子女的班级不工作[关闭]答案

【问题标题】：Class to the immediate child is not working [closed]直系子女的班级不工作[关闭]
【发布时间】：2016-11-25 13:50:45
【问题描述】：

我有一个调用类的代码。它在某些浏览器中工作。但在其他一些浏览器中它不起作用。我需要立即上课。然后只有它在所有浏览器中工作。有没有其他解决方案？

代码是：

<table>
  <tr>
    <td class="abc">
      <table>
        <tr>
          <td>Immediate child<td>
        </tr>
      </table>
    </td>
  </tr>
</table>

上面的代码类 abc 不适用于所有浏览器中的直接子文本。但是以下代码在所有浏览器中都可以使用。

<table>
  <tr>
    <td >
      <table>
        <tr>
          <td class="abc">Immediate child<td>
        </tr>
      </table>
    </td>
  </tr>
</table>

我有大量文件要更改它。请告诉我还有其他解决方案吗？

所有 css 属性都不起作用。如果我将 abc 类放在直接的 td 上，则意味着它的工作。我的问题是为什么当我将 css 应用于表格外部时它不起作用？

【问题讨论】：

请显示该类的相关 CSS，并描述“将不起作用”的含义。
@rfornal 所有 css 属性都不起作用。如果我将 abc 类放在直接的 td 上，则意味着它的工作。我的问题是为什么当我将 css 应用于表外时它不起作用？
请阅读How to Ask，并相应地编辑您的问题。
好的，如果没有看到 abc 类的代码，我们无法告诉您 CSS 在任一示例中的作用。

标签： javascript html css

【解决方案1】：

你没有正确关闭标签，最后两个<td>应该是</td>

<table>
  <tr>
    <td class="abc">
      <table>
        <tr>
          <td>Immediate child</td>
          <!--CHANGED FROM <td>Immediate child<td>-->
        </tr>
      </table>
    </td><!--CHANGED FROM <td>-->
  </tr>
</table>

【讨论】：

我怀疑这是这里的实际问题。更有可能存在样式被针对 table 或 tr 元素的规则覆盖的问题。
好吧，你可能是对的（让我们等待 css :)）。认为未封闭的标签可能会在某些浏览器中搞砸。
@CBroe 所有 css 属性都不起作用。如果我将 abc 类放在直接的 td 上，则意味着它的工作。我的问题是为什么当我将 css 应用于表外时它不起作用？