CSSを使用したターゲットテーブルの列

Question

私はスコアボード（5つの行のWordPressのテーマ）を持っています。何らかの理由で、私が使用しているCSSがボトムテーブルを対象としていますが、最初の2つの列幅には影響しません。

ウェブサイトはこちらです：使用されて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％に設定されていますが、1行に5つのセルがあります。したがって、あなたのCSSはすべて矛盾します。さらに、固定テーブルレイアウトを使用しているため、テーブル全体が最初の行の幅を使用します（これは、colspanのためにレイアウトがありません）。 ; 120ピクセル：ちょうど `TD

<colgroup> 
    <col width="120"> 
    <col width="40"> 
    <col width="40"> 
    <col width="40"> 
    <col width="40"> 
</colgroup>