如何将悬浮规则添加到css className以便在react-table中为悬浮的特定行上色？

Question

我已成功应用类名并将颜色添加到我的表中的特定行。但是，当我将鼠标悬停在行上时，无法将悬停规则添加到此className以应用其他颜色。如何应用悬停规则添加悬停效果？预先感谢！

这是我的代码：

<ReactTable>
...

getTrProps={(state, rowInfo, column, instance) => {

        let className = '';
        if(rowInfo && rowInfo.original){
          if(highlightedCerts.includes(rowInfo.original.id)){
            className = ' highlightedCertRow';
          }
          else if(rowInfo.original.isRevoked) {
            className = ' revokedCertRow';
          }
          else if(rowInfo.original.blocked) {
            className = ' blockedCertRow';
          }
        }
     return {
      ...
     className: className,
     ...
     };
/>

Answer 1

用其rgb代码替换green颜色，如果green代码为0,127,252，则使用.highlightedCertRow:hover { background-color: rgba(0,127,252, 0.3) !important; }。

Answer 2

我已经自己解决了。在CSS中嵌套标签有一个小错误。