CSS 表格属性

Posted 2023-05-06

参考技术A CSS表格属性用于设置html表格的样式，HTML表格由 <table></table> 标签嵌套 <tbody> ， <tr> ， <td> 等标签组成，一个HTML表格默认至少包含table，tbody，tr，td四个元素。

CSS表格属性：

显示表格边框有时候特别重要，它能让表格结构更清晰。

默认的表格有双边框，这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

CSS：不是属性[重复]

【中文标题】CSS：不是属性[重复]

【英文标题】：CSS :Not attribute [duplicate]

【发布时间】：2012-12-29 16:14:59

【问题描述】：

我有几个 HTML 表格。这些表没有 CSS 类。这两个表具有width="100%" 属性。其他表没有width 属性。

仅使用 CSS 我需要设置没有width=100% 的表格的宽度。像这样的：

table:not()
    width: myValue;

【问题讨论】：

您想要所有宽度为 100% 的表格吗？

没有。没有 Width 属性的表格应该有 width=50%。我无法编辑 xml，所以我应该只使用 css。

请注意 :not css 选择器在 IE8 及以下版本中不起作用。

【参考方案1】：

如何为您想要不同宽度的表格使用内联样式？

<table style="width:95%">
    <tr>
        <td></td>
    </tr>
</table>

或者一个单独的类：

<table class="customWidth">
    <tr>
        <td></td>
    </tr>
</table>

CSS：

table  width:100%; 
table.customWidth  width:95%; 

【参考方案2】：

写在css文件夹table width: 100% ;

【参考方案3】：

在该表上使用一个类并将其放入 not

table:not(.foo) 

你需要一个选择器在 not 和 width = 100% is not one

【参考方案4】：

属性选择器被[]包围，所以你的选择器应该是这样的：

table:not([]) 
    width: myValue;