fix: fix table stripe style error

Tencent · May 13, 2024 · 93db4ce · 93db4ce
1 parent 32e1b6c
commit 93db4ce
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,8 +3,8 @@
   "less.validate": false,
   "scss.validate": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll.stylelint": true,
-    "source.fixAll.eslint": true
+    "source.fixAll.stylelint": "explicit",
+    "source.fixAll.eslint": "explicit"
   },
   "cSpell.words": [
     "stylelint"

diff --git a/style/web/components/table/_index.less b/style/web/components/table/_index.less
@@ -291,27 +291,27 @@
     }
 
     &.@{prefix}-table--header-fixed {
-      > .@{prefix}-table__content > table > tbody tr:nth-of-type(even) {
+      > .@{prefix}-table__content > table > tbody tr.@{prefix}-table__row__even {
         background-color: @table-highlight-bg-color;
       }
     }
 
     &:not(.@{prefix}-table--header-fixed) {
-      > .@{prefix}-table__content > table > tbody > tr:nth-of-type(odd):not(.@{prefix}-table__expanded-row) {
+      > .@{prefix}-table__content > table > tbody > tr.@{prefix}-table__row__odd:not(.@{prefix}-table__expanded-row) {
         background-color: @table-highlight-bg-color;
       }
     }
 
     &.@{prefix}-table--hoverable {
 
       &.@{prefix}-table__header--fixed {
-        tbody tr:nth-of-type(even):hover {
+        tbody tr.@{prefix}-table__row__even:hover {
           background-color: @table-highlight-bg-color--hover;
         }
       }
 
       &:not(.@{prefix}-table__header--fixed) {
-        > .@{prefix}-table__content > table > tbody tr:nth-of-type(odd):hover {
+        > .@{prefix}-table__content > table > tbody tr.@{prefix}-table__row__odd:hover {
           background-color: @table-highlight-bg-color--hover;
         }
       }