У меня есть 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;} 

Если фиксирует высоту строки для всех таблиц на странице

Как сделать разную высоту строки для разных таблиц

1
Fernando Fernandez Cuello 10 Окт 2019 в 11:37

1 ответ

Лучший ответ

Вам нужно добавить пробел между селектором идентификатора и селектором класса.

#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

2
Florian Callewaert 10 Окт 2019 в 13:49