使CSS不适用于子表

如何解决使CSS不适用于子表

我有以下CSS和HTML

data_final_temp = json.dumps(data_final)
data_final = json.loads(data_final_temp)
data_final[1]['properties']['var2'].append(3)

.comTable {
    width: 95%;
    cellpadding: 2px;
    margin: auto; 
    border-collapse: collapse;
}

.comTable td {
    text-align: left;         
}

.comTable td:first-child {
    text-align: right;            
    width: 25%;
}

问题是comTable CSS类应用于table2和table3，因此table2和table3的第一列也设置为25％。如何使.comTable td：first-child仅适用于tableMain？请注意，tableMain中的行太多，因此，我不想将一个类应用于那里的每个第一个td。

解决方法

你可以做

.comTable > tr > td:first-child {
    text-align: right;            
    width: 25%;
}

达到所需的效果。 >表示，只会影响一级儿童，而不会影响深层儿童。

,

使用>代替 ：例如.comTable > tr > td或.comTable > * > td。