Html 如何从关键帧动画中排除元素？

我正在使用关键帧淡入。然而，我希望一里不褪色。有人知道怎么做吗

首先是CSS：

nav{   
    -webkit-animation: fadein 0.5s; 
    -moz-animation: fadein 0.5s; 
    -ms-animation: fadein 0.5s; 
     -o-animation: fadein 0.5s; 
        animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
 }

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

以下是HTML：

<nav id="nav">
    <ul>
    <li id="menuIcon"> <img src="menuIcon.svg" alt="q" onclick="showMenu()">  </li>
        <li id="aboutList"> <a href="#about"> About </a> </li>
        <li id="openingList"> <a href="#opening"> When </a> </li>
        <li id="whereList"> <a href="#where"> Where </a> </li>      
    </ul>   
</nav>

---

您希望li在没有动画的情况下显示，还是希望它根本不显示？我希望一个li不淡入-哪一个？在没有动画的情况下显示请家长的能力也将始终影响孩子们…在当前形式中，除了将动画应用于除留下一个。