Adakah terdapat pemilih "adik-beradik terdahulu"?
P粉615829742
P粉615829742 2023-08-15 14:55:25
0
2
545
<p>Pemilih tambah (<kod>+</kod>) memilih elemen adik beradik bersebelahan seterusnya. </p> <p>Adakah terdapat pemilih yang setara untuk memilih adik-beradik terdahulu? </p>
P粉615829742
P粉615829742

membalas semua(2)
P粉742550377

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>
P粉014293738

Tidak, tiada "pemilih adik-beradik terdahulu".

Berkaitan dengannya, ~ 是用于一般的后继兄弟选择器(意味着元素在此元素之后,但不一定紧随其后),是一个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).

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan