爲什麼文本修飾更改不會出現在我的CSS動畫中？

Question

我想模擬HTML中的控制檯UI，並且我需要在文本下閃爍下劃線。 我的方法是把課程放在有動畫的underblink上。顏色循環，文本隱藏和取消隱藏，但下劃線從不出現。爲什麼？

CSS：

@-webkit-keyframes underblink { 
    0%  { text-decoration: none;opacity: 0:color :orange } 
    50% { text-decoration: none;opacity: 0;color:green } 
    50.01% { text-decoration: underline;opacity: 1 } 
    100% { text-decoration: underline;opacity: 1 } 
    } 

    .underblink { 
    -webkit-animation: underblink 0.7s infinite linear alternate; 
    -webkit-font-smoothing: antialiased; 
    display:inline-block; 
    } 

HTML：

<div id='always_sort_recursively' class='underblink'>x</div> 

Answer 1

...但從來沒有出現下劃線。爲什麼？

因爲text-decoration不在list of animatable css properties中。