Adakah terdapat pemilih "adik-beradik terdahulu"?

Question

Pemilih tambah (+) memilih adik beradik bersebelahan seterusnya.

Adakah persamaan untuk adik-beradik terdahulu?

Answer 1

Saya menemui cara untuk menggayakan semua adik-beradik terdahulu (berbanding ~) yang mungkin berfungsi bergantung pada keperluan anda.

Andaikan anda mempunyai senarai pautan, apabila tetikus melayang di atas salah satu pautan, semua pautan sebelumnya akan bertukar menjadi merah. Anda boleh melakukan ini:

/* default link color is blue */
.parent a {
  color: blue;
}

/* prev siblings should be red */
.parent:hover a {
  color: red;
}
.parent a:hover,
.parent a:hover ~ a {
  color: blue;
}

<div class="parent">
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</div>

Answer 2

Tidak, tiada pemilih "abang terdahulu".

Pada nota yang berkaitan, ~ 用于一般后继同级元素（意味着该元素位于该元素之后，但不一定紧随其后），并且是一个 CSS3 选择器。 + bermaksud adik beradik seterusnya, iaitu CSS2.1.

Lihat Kombinator Adik Beradik Bersebelahan "http://www.w3.org/TR/css3-selectors/" rel="noreferrer">Pemilih Tahap 3 dan 5.7 Pemilih Adik Beradik Bersebelahan daripada Helaian Gaya Melonjak Tahap 2 1 (CSS 2.1) Spesifikasi.