テキスト装飾なし動作しません

Question

アンカータグの下に表示されているスパンについては、テキスト装飾：なしをしようとしています。他のスタイルが動作している場合、この特定のスタイルは機能しません。何か不足していますか？

a * { 
 
    color: grey; 
 
    font-weight: bold; 
 
    font-size: 2em; 
 
    text-decoration: none !important; 
 
}

<ul> 
 
    <li>Lorem ipsum dolorsit amet, consectetur adipiscing elit.</li> 
 
    <li><a href="">Lorem <span>ipsum</span> dolor sit amet, <dolphia>consectetur</dolphia> adipiscing elit.</a> 
 
    </li> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> 
 
    <li><a href=""><span>Lorem ipsum</span> dolor sit amet, <span>consectetur</span> adipiscing elit.</a> 
 
    </li> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> 
 
    <li><a href=""><span>Lorem ipsum dolor sit amet</span>, consectetur adipiscing 
 

 
elit.</a> 
 
    </li> 
 
</ul>

Answer 1

a *{ 
 
    text-decoration: none; 
 
    display: inline-block; 
 
}

<a href="">Hello<span>world!</span></a>