html - 我的表实体如何继承表类？

Question

这是我的CSS：

table.mytable { 
    border-collapse: collapse;
    width: 50%;
    margin: 24px;
    font-size: 1.1em;
}

caption.mytable { 
    font-size: larger; 
    margin: 5px auto; 
}

th.mytable, td.mytable, thead.mytable { 
    background: #3e83c9;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: left;
    border-right: 1px solid #fff;
    line-height: 1.2;
}

tr.mytable:nth-child(odd) { 
    background: #ecf6fc; 
}

tr.mytable:hover { 
    background: #bcd4ec; 
} 

td.mytable { 
    padding: 6px 11px;
    border-bottom: 1px solid #95bce2;
    vertical-align: top;
}

css 样式工作正常，我遇到的问题是在我的 html 中，我必须为每个<tr>, <td>,等分配一个类<th>。有没有一种方法只需将类分配给表？我必须修改我的css代码吗？

谢谢！

Answer 1

它应该是这样的：

table.mytable th, table.mytable td, table.mytable thead{
    background: #3e83c9;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: left;
    border-right: 1px solid #fff;
    line-height: 1.2;
}

请参阅CSS 选择器。