如何仅更改表格中包含小数点的列的 css 样式

Question

我有一个除法问题，我将其显示在表格中。每个数字都存储在“td”中。我想减少宽度并删除包含“小数点”的“td”的所有填充。但我无法在不更改其余列的样式的情况下更改该特定的 td。

请注意 - 由于代码结构复杂，我无法在元素上使用 ID 或类。 仅当第 n 个子项在表中任何位置包含小数点时才将新样式应用于该子项。

所以，我尝试通过以下方式做到这一点：

tbody>tr>:nth-child(7){
      width:2px !important;
      padding: 0px !important;
      column-width: 8px !important;
}

上面的代码工作正常，但如果小数点放置在位置/子“7”以外的任何位置（即，在除数或被除数的不同列中），则会导致问题。

另一种方法 - 根本不起作用！！！！ :-

div[title~="`.`"] {
       width: 12px !important;
       padding: 0px !important;
       column-width: 5px !important;
}

还有一种方法 - 没有应用任何样式！！！！ :-

   tbody>tr>td {
       div.decimalPoint {
         width:2px !important;
         padding: 0px !important;
         column-width: 8px !important;
       }
   }

请帮我找到一个解决方法，我可以检查包含小数点的“td”应该具有0填充和减小的宽度。