我在同一页面中有2个制表器表(#tableC id =“ Cuentas”和#tableM id =“ Movimientos”),每个表的行高都应不同。
我在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;}
以及其他几种组合, 他们都不起作用
如果我写
.tabulator-row.tabulator-cell { height:40px;}
如果修复页面中所有表格的行高
如何为不同的表格设置不同的行高
答案 0 :(得分:1)
您需要在id选择器和类选择器之间添加一个空格。
#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