Bagaimana untuk Mengubah Penampilan Elemen pada Tuding Pada Elemen Lain dalam CSS?

Menukar Penampilan Elemen pada Tuding Atas Lain Menggunakan CSS

Dalam bidang penggayaan CSS, selalunya wajar untuk mengubah suai penampilan satu elemen apabila kursor melayang di atas yang lain. Ini boleh dicapai melalui gabungan pemilih dan :hover pseudo-class.

Pertimbangkan senario berikut: anda mempunyai elemen bekas (cth., div) dan elemen tersembunyi (cth., div lain) yang mengandungi maklumat tambahan. Apabila tetikus melayang di atas elemen bekas, anda mahu elemen tersembunyi muncul dan memaparkan kandungannya.

Dalam contoh yang disediakan:

<div>

a:hover + #hidden {
  background-color: orange;
  color: orange;
}

Malangnya, pendekatan ini' t berfungsi kerana div #tersembunyi bukan anak langsung unsur a. Untuk menyelesaikan isu ini, pastikan elemen tersembunyi ialah anak kepada elemen yang anda ingin cetuskan kesan tuding.

<div>

Dengan pengubahsuaian ini, pemilih a:hover #hidden akan mengenal pasti dengan betul yang tersembunyi elemen dan gunakan gaya yang diingini apabila kursor melayang di atas elemen.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Penampilan Elemen pada Tuding Pada Elemen Lain dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!