CSS和嵌套表?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

我有包含多个其他表的HTML表。我的问题是内表继承与外表相同的规则。

提问于
用户回答回答于

我会假设你有以下

HTML

<table class="outer-table">
    <tr>
        <td>
            <table class="inner-table">
                <tr>
                    <td>
                        I'm some content!
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

CSS - 没有class / ID

table { border: 1px solid black; }
table tr td table { border: 1px solid green; }

可以转义:

table { border: 1px solid black; }
table table { border: 1px solid green; }

用户回答回答于
table.something > thead > tr > td,
table.something > tbody > tr > td,
table.something > tfoot > tr > td,
table.something > tr > td {
   ...
}

这将确保只有选定表格的直接子元素而不是嵌套表格的直接子元素才会接收样式。

扫码关注云+社区