问题描述
我有以下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
。