fix custom property values of row overrides individual cell (#34799)

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 92556ba05e3d411ad87cfbdb76d5b3168593af4f..d474ad5663e8f99a7a9d13ab0e909ac95b47e2c1 100644 (file)
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -98,7 +98,7 @@
 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
 
 .table-striped {
-  > tbody > tr:nth-of-type(#{$table-striped-order}) {
+  > tbody > tr:nth-of-type(#{$table-striped-order}) > * {
     --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg);
     color: var(--#{$variable-prefix}table-striped-color);
   }
@@ -118,7 +118,7 @@
 // Placed here since it has to come after the potential zebra striping
 
 .table-hover {
-  > tbody > tr:hover {
+  > tbody > tr:hover > * {
     --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-hover-bg);
     color: var(--#{$variable-prefix}table-hover-color);
   }