html - CSSのn番目の子を使用するには?

Question

私はこの順序付けられていないリストを持っています

<ul>
     <li> test1</li>
     <li>test2 </li>
     <li class="current">test3</li>
     <li>test4</li>
</ul>

私がしたいのは、.current子を選択してそこからアクセスするtest2ことです。これは、選択.currentして 1 つ前のステップに戻ることを意味します。test2

別のCSSを取得して関連付けるtest12 つの手順に戻る場合も同様です。test1

実現可能ですか？

score 5 · Accepted Answer

以前の兄弟セレクターまたは親セレクターがないため、いいえ、純粋な CSS では実行できません。

いくつかのJavaScriptを使用した場合、次のような非常に簡単になります

document.getElementsByClassName('current')[0].previousSibling.style = /* Whatever you want here */;

current一度に 1 つのクラスしかないと仮定すると、

2 に答える 2