用更细的选择器覆盖

TCOTC · Oct 4, 2024 · efec952 · efec952
1 parent e2e1f52
commit efec952
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
@@ -536,6 +536,8 @@
 }
 
 // https://github.com/siyuan-note/siyuan/pull/12643
+// 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除 --av-background: 后面的 !important
+
 // Define a map of all backgrounds and their corresponding selected state
 $backgrounds: (
   "font-background" 13,
@@ -551,9 +553,11 @@ $backgrounds: (
     $bg-variable: if($count == 1, "--b3-#{$key}", "--b3-#{$key}#{$i}");
 
     [data-node-id][style*="background-color: var(#{$bg-variable})"] .av__container {
-      // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
       --av-background: var(#{$bg-variable}) !important;
     }
+    [data-node-id][style*="background-color: var(#{$bg-variable})"] .protyle-wysiwyg--hl > .av__container {
+      --av-background: var(--b3-av-background-hl) !important;
+    }
   }
 }
 
@@ -575,18 +579,15 @@ $backgrounds: (
       $bg-select-variable: if($count == 1, "--b3-#{$key}-select", "--b3-#{$key}#{$i}-select");
 
       [data-node-id][style*="background-color: var(#{$bg-variable})"] .av__container {
-        // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
         --av-background: var(#{$bg-select-variable}) !important;
       }
       &[data-node-id][style*="background-color: var(#{$bg-variable})"] .av__container {
-        // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
         --av-background: var(#{$bg-select-variable}) !important;
       }
     }
   }
 
   .av__container {
-    // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
     --av-background: var(--b3-av-background-hl) !important;
   }
 }
@@ -621,18 +622,15 @@ $backgrounds: (
       $bg-select-variable: if($count == 1, "--b3-#{$key}-select", "--b3-#{$key}#{$i}-select");
 
       [data-node-id][style*="background-color: var(#{$bg-variable})"] .av__container {
-        // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
         --av-background: var(#{$bg-select-variable}) !important;
       }
       &[data-node-id][style*="background-color: var(#{$bg-variable})"] .av__container {
-        // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
         --av-background: var(#{$bg-select-variable}) !important;
       }
     }
   }
 
   .av__container {
-    // 删除给 .av__container 添加(更新) style="--av-background:var(xxx)" 的逻辑之后就可以删除这里的 !important
     --av-background: var(--b3-av-background-hl) !important;
   }
 }