调整不同表格中的制表符行高

Question

我在同一页中有 2 个制表符 table（#tableC id="Cuentas" 和 #tableM id="Movimientos"）每个 table 应该有不同的行高。

我在 CCS 文件中尝试过

tableC.tabulator-row.tabulator-cell { height:40px;} 
tableM.tabulator-row.tabulator-cell { height:100px;} 

和

#Cuentas.tabulator-row.tabulator-cell { height:40px;} 
#Movimientos.tabulator-row.tabulator-cell { height:100px;} 

和

tableC.tabulator-row.element.style { height:40px;} 
tableM.tabulator-row.element-style { height:100px;} 

还有几个组合, None 作品

如果我写

.tabulator-row.tabulator-cell { height:40px;} 

if 修复了第

页中所有 table 的行高

如何为不同的 tables

设置不同的行高

Answer 1

您需要在 id 选择器和 class 选择器之间添加一个 space。

#Cuentas .tabulator-row { height:10px;} 
#Movimientos .tabulator-row { height:40px;}

工作示例：https://jsfiddle.net/FlamFilo/0y2mga6o/3/

参见：https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator