Question

我有一个带记分牌的Wordpress主题（其中5个连续）。出于某种原因，我使用的CSS是针对底部表，但不会影响前两个的列宽。

网站位于：http://berlinbravesbaseball.de/tester/2016/04/16/berlin-braves-baseball-hat-eine-neue-webseite/

使用的CSS是：

 table > tbody > tr:first-child > td:first-child{width: 120px;}

 .execphpwidget{ vertical-align: top;}

.widget th, .widget td {
    padding: 0;
    table-layout: fixed;
}

.widget .sam-column1{
    width: 120px;
  }

.sam-table-fixer > tr:first-child > td:first-child{
     width: 120px;
}

无论我做什么，它都会影响所有表，但我无法扩展第一个表的第一列的宽度。我需要专门针对它。出了什么问题？

Answer 1

在表格中使用colspan可防止其他行中的其他宽度设置。此外，您的默认td宽度设置为25％，但连续有5个单元格。因此，你所有的CSS都是矛盾的。此外，您正在使用固定的表格布局，这使得整个表格使用第一行的宽度（由于colspan而没有布局）。

要让“普通”行中的第一个单元格实际为120px宽，请使用colgroup声明：

{{1}}

带有CSS的目标表列

1 个答案: