::选择动画

Question

为什么animation属性不适用于CSS中的::selection选择器？

Demo Page

/* Basic test case: */

body{ color:blue; }

@keyframes slc{ 
    50%{ color:red; } 
}
@-webkit-keyframes slc{ 
    50%{ color:red;; } 
}


/* Custom Selection Styles */
::selection{ background:#EEE; animation:0.4s slc infinite; }
::-moz-selection{ background:#EEE; animation:0.4s slc infinite;}
::-webkit-selection{ background:#EEE; -webkit-animation:0.4s slc infinite; }

Answer 1

我在animation上看到的大多数内容是：

  

适用于：所有元素，:: before和::之后的伪元素

这表明不是其他伪元素或状态？

Answer 2

我写了Tab Atkins，他回答说：

  

通常，大多数浏览器都无法运行动画   伪元素。我们正在逐步解决这些问题，但速度很慢   工作，因为伪元素在处理中非常复杂   浏览器。

     

除此之外，:: selection伪元素是 most   所有CSS中都有复杂的伪元素。它太复杂了，我们   在我们弄清楚如何做之前，在我们的规范中明确地定义它   实际上以一种运作良好的方式指定它。