<col class="“slick”"> 不适用类列表

StackOverflow https://stackoverflow.com/questions/3857437

  •  27-09-2019
  •  | 
  •  

题

我的理解col是，它可能被用来指一类中的所有元素表的列。这似乎并不是为我工作。我可以申请这类个人的td的，但我想col帮我避免这种情况。

这里是html头：

<head>
<style type="text/css">
 .slick {
  background-color:#b0c4de; /*This always works*/
  border-style:solid; /*This doesn't work when only applied to a <col>*/
  border-width:5px;
 }
</style>
</head>

有趣的是，背景色总是工作，但是边界的某个时候会失败。

这里是html体：

<body>
<table><tbody>
 <colgroup>
  <col class="slick" />
  <col class="slick" />
 </colgroup>
 <tr id="r1">
  <td><label >Planner/Scheduler/Estimators</label></td>
  <td class="slick"><label >2010</label></td>
 </tr>
</tbody></table>
</body>

除tbody或colgroup标似乎没一问题。背景是存在于这两个元素；边境仅适用于第二元，其中的类指定的td标签。

我有一种预感的边界不会的工作与col，但是萤火虫表明，漂亮的风格不适用于左栏的。怎么了？

有帮助吗？

解决方案

据W3学校中，只有宽度属性在Firefox。它也不像边界属性在所有支持。

http://www.w3schools.com/tags/tag_col.asp

其他提示

这是因为 CSS2.1规范定义 不同边境特性只适用时设置 border-collapse: collapse; 在有关 <table> 元素。

此外，根据CSS2.1只有非常少数的特性，可用于风格列的(限制):

  • 边境特性(要求 border-collapse: collapse; 在有关 <table>元)
  • 背景的性质(仅适用，如果单元和行的背景是透明)
  • width
  • visibility (价值 collapse 避免了渲染的细胞、细胞生成变成其他列剪辑)

您不必类适用于所有TD。

您可以简单风格TD的：

 td {
  background-color:#b0c4de;
  border-style:solid;
  border-width:5px;
 }
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top