Tajuk ditulis semula sebagai: Adakah terdapat "pemilih adik-beradik terdahulu"?

Question

Pemilih tambah (+) memilih elemen adik beradik bersebelahan seterusnya.

Adakah terdapat pemilih yang setara untuk memilih adik-beradik terdahulu?

Answer 1

Saya menemui cara untuk menggayakan semua elemen adik-beradik terdahulu (berbanding ~), bergantung pada keperluan anda.

Andaikan anda mempunyai senarai pautan, apabila menuding pada salah satu pautan, semua pautan sebelumnya harus bertukar merah. Anda boleh melakukan ini:

/* 默认链接颜色是蓝色 */
.parent a {
  color: blue;
}

/* 前一个兄弟元素应该是红色 */
.parent:hover a {
  color: red;
}
.parent a:hover,
.parent a:hover ~ a {
  color: blue;
}

<div class="parent">
  <a href="#">链接</a>
  <a href="#">链接</a>
  <a href="#">链接</a>
  <a href="#">链接</a>
  <a href="#">链接</a>
</div>

Answer 2

Tidak, tiada pemilih "adik-beradik terdahulu".

Pada nota yang berkaitan, ~是用于一般的后继兄弟选择器（意思是元素在此元素之后，但不一定紧接着），是CSS3选择器。+ adalah untuk pemilih adik-beradik seterusnya, iaitu CSS2.1.

Lihat Pemilih Adik Beradik Bersebelahan dari Pemilih Tahap 3 dan 5.7 Pemilih Adik Beradik Bersebelahan dari Spesifikasi Helaian Gaya Berlatarkan Tahap 2 Semakan 1 (CSS 2.1).