Css 使用'控制表格单元格（td）的宽度；表布局：固定'；它不起作用了

在下面的代码中，我尝试使用以下方法控制列的宽度：

table-layout: fixed;

但它不起作用

[class^=“col--”]{
浮动：左；
}
上校7{
宽度：35%；
}
.col-4{
宽度：20%；
}
上校3{
宽度：15%；
}
.col-2{
宽度：10%；
}
.在{
背景颜色：绿色；
颜色：白色；
宽度：计算（100%-3rem）；
}
表{
保证金：1.5雷姆0；
边界塌陷：塌陷；
表布局：固定；
宽度：100%；
}
td{
溢出：隐藏；
填充：.5rem 0；
浮动：无；
}

一排
第2排
第3排
第5行
第6行
信天翁
#fdsafdsa
2019年1月15日
未决诉讼
Lorem ipsum删除

我的理解是，列的宽度将由表中的第一行决定，在本例中，该行位于

thead

…如果您将类放在那里，它会起作用

[class^=“col-”]{
文本对齐：右对齐；
边框：1px纯红；
}
上校7{
宽度：35%；
}
.col-4{
宽度：20%；
}
上校3{
宽度：15%；
}
.col-2{
宽度：10%；
}
.在{
背景颜色：绿色；
颜色：白色；
宽度：计算（100%-3rem）；
}
桌子{
保证金：1.5雷姆0；
边界塌陷：塌陷；
表布局：固定；
宽度：100%；
}
运输署{
溢出：隐藏；
填充：.5rem 0；
浮动：无；
}

一排
第2排
第3排
第5行
第6行
信天翁
#fdsafdsa
2019年1月15日
未决诉讼
Lorem ipsum删除

我的理解是，列的宽度将由表中的第一行决定，在本例中，该行位于

thead

…如果您将类放在那里，它会起作用

[class^=“col-”]{
文本对齐：右对齐；
边框：1px纯红；
}
上校7{
宽度：35%；
}
.col-4{
宽度：20%；
}
上校3{
宽度：15%；
}
.col-2{
宽度：10%；
}
.在{
背景颜色：绿色；
颜色：白色；
宽度：计算（100%-3rem）；
}
桌子{
保证金：1.5雷姆0；
边界塌陷：塌陷；
表布局：固定；
宽度：100%；
}
运输署{
溢出：隐藏；
填充：.5rem 0；
浮动：无；
}

一排
第2排
第3排
第5行
第6行
信天翁
#fdsafdsa
2019年1月15日
未决诉讼
Lorem ipsum删除