<style>
#test{
display:flex;
list-style:none;
align-items:center;
}
</style>
<ul id="test">
<li>aaa</li>
<li>bbb</li>
<li>aaa<br>bbb<br>ccc</li>
</ul>

これだと全てのliが縦の中央揃えになってしまうけど
最初のliだけ縦の中央揃えにするにはどうやればいいんですか？
ulのalign-items:centerを削除して
#test li:nth-child(1){align-items:center}とやっても効かなかったです