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; }
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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; }Tidak, tiada "pemilih adik-beradik terdahulu".
Berkaitan dengannya,
~是用于一般的后继兄弟选择器（意味着元素在此元素之后，但不一定紧随其后），是一个CSS3选择器。+adalah untuk pemilih adik beradik seterusnya, iaitu CSS2.1.LihatPemilih Adik Beradik BersebelahandariPemilih Tahap 3dan5.7 Pemilih Adik Beradik BersebelahandariSpesifikasi Helaian Gaya Berlatarkan Tahap 2 Semakan 1 (CSS 2.1).