Rumah >hujung hadapan web >tutorial css >Mengapa :hover Tidak Berfungsi dengan Baik dengan Pemilih Adik Beradik Bersebelahan dalam Penyemak Imbas Webkit?

Mengapa :hover Tidak Berfungsi dengan Baik dengan Pemilih Adik Beradik Bersebelahan dalam Penyemak Imbas Webkit?

Linda Hamiltonasal: 2024-10-24 02:42:291113semak imbas

Why Doesn't :hover Work Properly with Adjacent-Sibling Selectors in Webkit Browsers?

Pepijat Webkit dengan Berbilang Pemilih Adik Beradik Bersebelahan

Dalam penyemak imbas Webkit (Safari, Chrome), isu timbul apabila menggunakan pseudo :hover -kelas dengan berbilang pemilih adik beradik bersebelahan. Kod berikut menggambarkan masalah:

div:hover + a + div {}

Apabila melayang di atas

elemen, gaya tidak digunakan dengan betul. Walau bagaimanapun, jika anda menuding pada mula-mula dan kemudian

, gaya digunakan seperti yang dijangkakan.

Menambah pemilih adik beradik am, seperti:

div:hover ~ div {}

tidak kira sama ada gaya diisytiharkan, menyelesaikan masalah isu.

Penyelesaian untuk pepijat Webkit ini ialah dengan memalsukan animasi pada elemen badan:

body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}

Ini boleh dilihat dalam tindakan di sini: https://jsfiddle.net/jalbertbowdenii/ ds2yY/1/.

Atas ialah kandungan terperinci Mengapa :hover Tidak Berfungsi dengan Baik dengan Pemilih Adik Beradik Bersebelahan dalam Penyemak Imbas Webkit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

chrome safari webkit if for class this animation https bug issue

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk Membetulkan Div yang Muncul Tidak Tertib Walaupun Penggunaan Indeks z yang Betul?Artikel seterusnya：Bagaimana untuk Membetulkan Div yang Muncul Tidak Tertib Walaupun Penggunaan Indeks z yang Betul?

Artikel berkaitan

Lihat lagi