Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memilih Elemen Segera Sebelum Elemen Lain dalam CSS?
Bagaimana untuk Memilih Elemen Segera Sebelum Elemen Lain dalam CSS?
- Patricia Arquetteasal
- 2024-10-29 05:50:31525semak imbas
Memahami Perbezaan Antara div p dan div ~ p
Dalam pemilih CSS, pengendali tambah ( ) dan tilde (~) kedua-duanya memilih unsur adik-beradik unsur tertentu. Walau bagaimanapun, tingkah laku mereka berbeza berdasarkan kedudukan elemen berbanding dengan adik beradiknya.
div p (Pemilih Adik Bersebelahan)
Pemilih ini sepadan dengan semua
elemen yang sejurus selepas
div + p {
color: red;
}
Dalam kes ini, hanya perenggan pertama yang mengikuti setiap
div ~ p (Pemilih Adik Beradik Umum)
Pemilih ini sepadan dengan semua
elemen yang didahului oleh
div ~ p {
color: blue;
}
Dalam kes ini, semua perenggan yang datang selepas sebarang
Menjelaskan Soalan
Soalan meminta pemilih yang memilih elemen yang diletakkan sejurus sebelum elemen tertentu. Ini tidak boleh dicapai dengan pemilih div p atau div ~ p.
Pemilih Adik Beradik Bersebelahan untuk Elemen Sebelumnya
Untuk memilih elemen yang berada serta-merta sebelum elemen lain, anda boleh menggunakan pemilih adik beradik bersebelahan dengan susunan terbalik:
X Y
Dalam sintaks ini, X ialah elemen sebelumnya dan Y ialah subjek pemilih. Contohnya:
p + ul {
color: green;
}
Pemilih ini akan menggunakan teks hijau hanya pada senarai pertama yang tidak tertib selepas setiap perenggan.
Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen Segera Sebelum Elemen Lain dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!