Adakah mungkin untuk mengesan keterlihatan elemen dalam CSS?

Question

Saya melihat melalui API, mencari beberapa pemilih pseudo seperti :visible atau :hidden, tetapi kecewa apabila mendapati tiada pemilih sedemikian wujud . Memandangkan jQuery telah menyokong pemilih ini untuk sementara waktu, saya harap ia akan dilaksanakan. Idea saya ialah saya hanya mahu menunjukkan elemen tertentu apabila elemen di sebelahnya disembunyikan, tetapi saya tidak mahu menggunakan JavaScript untuk melakukannya. Adakah terdapat sebarang pilihan?

Answer 1

Ia bergantung kepada apa yang anda maksudkan dengan "sebelahnya". Anda boleh memilih elemen mengikut keterlihatan menggunakan Pemilih Atribut. Atau pilih daripada di sini:

Untuk mengakses elemen mengikut keterlihatan anda boleh menggunakan cth. asterisk pemilih atribut padanan subrentetan [att*=val]。假设div的样式是使用visibility: hidden;Tersembunyi:

div[style*="hidden"] {

}

---

Persoalannya sekarang ialah bagaimana untuk mengakses elemen "sebelahnya". Jika elemen yang anda cuba sasarkan berada di belakang elemen tersembunyi (dalam induk yang sama), gunakan pemilih +:

div[style*="hidden"] + span {

}

Jika sebelum ini, tiada apa yang boleh anda lakukan mengenainya, tetapi anda boleh mencari beberapa penyelesaian dalam jawapan kepada soalan ini: Adakah terdapat pemilih CSS "adik-beradik terdahulu"?

Answer 2

Tidak, itu tidak mungkin, mahupun , sekurang-kurangnya tidak dalam lembaran gaya.

Jika tidak, anda akan mencipta gelung tak terhingga:

element:visible {
  display: none;
}

Elemen kelihatan pada mulanya, kemudian pemilih memilihnya dan menyembunyikannya, kemudian pemilih tidak digunakan, ia menjadi kelihatan semula, dan seterusnya.

Dalam JS API, pemilih kelas pseudo dibenarkan, seperti querySelector. Tetapi setakat yang saya tahu, belum ada perkara seperti itu, dan tidak mungkin untuk melaksanakan hanya menggunakan CSS.