Html 嵌套的DIV表显示不正确

我在编码嵌套的DIV表时遇到问题：

.divTable{
显示：表格；
宽度：100%；
}
.divTableRow{
显示：表格行；
}
.表格标题{
背景色：#EEE；
显示：表头组；
}
.divTableCell，
.桌子头{
显示：表格单元格；
填充：3x10px；
}
.表格标题{
背景色：#EEE；
显示：表头组；
字体大小：粗体；
}
.桌脚{
背景色：#EEE；
显示：表尾组；
字体大小：粗体；
}
.表格正文{
显示：表格行组；
}
.表2{
显示：表格；
宽度：100%；
}
.divTable2Row{
显示：表格行；
}
.表2，
.表2正文{
显示：表格行组；
}

左外
外右翼
左内第1行
右内1号线
左内第二行
右内二线
左外
外右翼

这是因为

.divTable2Cell

具有

显示：表行组而不是
显示：表格单元格


.divTable{
显示：表格；
宽度：100%；
}
.divTableRow{
显示：表格行；
}
.表格标题{
背景色：#EEE；
显示：表头组；
}
.divTableCell，
.表2，
.桌子头{
显示：表格单元格；
填充：3x10px；
}
.表格标题{
背景色：#EEE；
显示：表头组；
字体大小：粗体；
}
.桌脚{
背景色：#EEE；
显示：表尾组；
字体大小：粗体；
}
.表格正文{
显示：表格行组；
}
.表2{
显示：表格；
宽度：100%；
}
.divTable2Row{
显示：表格行；
}
.表2正文{
显示：表格行组；
}

左外
外右翼
左内第1行
右内1号线
左内第二行
右内二线
左外
外右翼
这是因为
.divTable2Cell
具有
显示：表行组而不是
显示：表格单元格


.divTable{
显示：表格；
宽度：100%；
}
.divTableRow{
显示：表格行；
}
.表格标题{
背景色：#EEE；
显示：表头组；
}
.divTableCell，
.表2，
.桌子头{
显示：表格单元格；
填充：3x10px；
}
.表格标题{
背景色：#EEE；
显示：表头组；
字体大小：粗体；
}
.桌脚{
背景色：#EEE；
显示：表尾组；
字体大小：粗体；
}
.表格正文{
显示：表格行组；
}
.表2{
显示：表格；
宽度：100%；
}
.divTable2Row{
显示：表格行；
}
.表2正文{
显示：表格行组；
}

左外
外右翼
左内第1行
右内1号线
左内第二行
右内二线
左外
外右翼
太棒了，谢谢！是的，我真的希望我能对我之前定义的所有类“情侣”使用相同的定义。太棒了，谢谢！是的，我真的希望我能对我以前定义过的所有类“夫妻”使用相同的定义。