Rumah > Soal Jawab > teks badan
P粉4470021272023-08-21 12:32:47
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粉9577231242023-08-21 10:52:52
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 daripada Pemilih Tahap 3 dan Penggabung Adik Beradik Bersebelahan daripada spesifikasi Cascading Style Sheets versi 2.1 semakan 1 (CSS 2.1) .