为什么!important的优先级比不过伪元素

 div::first-line{
          color: red;
        }

 #box{
      color: green !important;
       }

 <div id="box">
        你好
    div>

确实奇怪，你换个伪元素 ::after 他就不会影响。
我查了一下伪元素优先级权重只有 1 . ！important最高(无论如何它最高)