css - CSSを使用して最後にチェックしたチェックボックスを動的に選択する方法は?

Question

私のページにはたくさんの「チェックボックス」があります。display:block;CSS を使用して、ページの最後の「チェックボックス」がチェックされている場合、ボックスを表示()したい。ボックスは、最後の「チェックボックス」の直後の「テキストボックス」です。:last-childでは機能していないようですinput[type="checkbox"]。それが機能したとしても、別の質問があります: :checkedit( ) の直後に別のセレクター ( )を使用できます:last-childか?

これが私がやろうとしていることです（しかし答えませんでした）：

input[type = "checkbox"]:last-child:checked ~ input[type = "text"]{ display : block; }

Answer 1

あなたは使ってみることができます.. （それがうまくいくかどうか私は今テストできません）

input:checked:last-child
{
...
}

編集：セレクターを修正してテストしました。動作します！ ここに作業サンプルがあります