Ulitmate styling possibilities of Fabric React components?

my.module.scss

@import '~office-ui-fabric-react/dist/sass/References.scss';

.myWebPartClass {

    .listViewTransparent *[data-automationid="DetailsRowFields"] {
      background-color:  #eaeaea ;
      transition: all 0.3s ease;
  }

  .listViewTransparent *[data-automationid="DetailsRowFields"] :hover  {
    background-color:  #c2c2c2 ;
    color: #212121;
    transition: all 0.3s ease;
}
  
}

myElement.tsx

export function xyz(){
  
let listView = 
    <div 
      className={ styles.listViewTransparent }>
      <ListView
        items={theseAreItems}
        viewFields={viewFields}        
      />
    </div>;


}