feat: for :not

Author: painty

src/util/filterRules.ts

@@ -75,6 +75,7 @@ function filterRules($0: HTMLElement, objCss, taskTimerRecord) {
                     .replace(REG1, ' * ')
                     .replace(REG2, '(*)')
                     .replace(REG3, '')
+                    .replace(/:not\(\*\)/ig, '')
 
                   try {
                     if (

test/css/index.css

@@ -91,6 +91,17 @@ body {
   width: 20px;
   font-size:0;
 }
+.not-focus{
+  width: 50px;
+  height: 50px;
+  border: 1px solid #000;
+}
+.not-focus:not(:focus){
+  background: rgb(10, 149, 86);
+}
+.not-focus:focus{
+  background: rgb(158, 51, 204);
+}
 @media print {
   i {
     font-size: 10pt;

test/index.html

@@ -39,6 +39,7 @@
     <p class="S_spetxt">.S_spetxt</p>
     <div class="svg-bg">svg-bg</div>
     <div class="svg-bg-inpage">svg-bg-inpage</div>
+    <button class="not-focus">focus</button>
     <iframe src="./iframe/index.html" frameborder="0"></iframe>
     <p>
       Compare text below with result in devtools, with &lt;html&gt; tag
@@ -72,7 +73,7 @@
 body{color:#333;text-decoration:none;}
 a{color:#76a513;}
 /*! end @import */
-:AFTER{content:'after';background:#38c;color:#fff;font-size:12px;opacity:0.1;}
+:AFTER{content:'after';background:#38c;color:#fff;font-size:12px;opacity:0;pointer-events:none;}
 html{height:100%;}
 A{background:url(${prefix}img/logo.jpg);background-size:100%;animation:teatnamekey;}
 @media screen and (min-width:500px){
@@ -85,6 +86,10 @@
 }
 body{font-family:"Cutive Mono";}
 .font-style{font-family:'Cutive Mono',  icon-font,      Inter, Avenir,   Helvetica  , Arial, sans-serif;}
+.svg-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,.54)' d='M20.49 19l-5.73-5.73C15.53 12.2 16 10.91 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.41 0 2.7-.47 3.77-1.24L19 20.49 20.49 19zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:20px;height:20px;padding:10px;width:20px;font-size:0;}
+.not-focus{width:50px;height:50px;border:1px solid #000;}
+.not-focus:not(:focus){background:rgb(10, 149, 86);}
+.not-focus:focus{background:rgb(158, 51, 204);}
 @media print{
 i{font-size:10pt;}
 }
@@ -98,6 +103,8 @@
 @media print{
 i{color:#789;font-family:icon-font;}
 }
+/*! CSS Used from: Embedded */
+.svg-bg-inpage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,.54)' d='M20.49 19l-5.73-5.73C15.53 12.2 16 10.91 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.41 0 2.7-.47 3.77-1.24L19 20.49 20.49 19zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:20px;height:20px;padding:10px;width:20px;font-size:0;}
 /*! CSS Used keyframes */
 @-webkit-keyframes teatnamekey{0%{width:10px;}100%{height:10px;}}
 @keyframes teatnamekey{0%{width:10px;}100%{height:10px;}}