Dalam css3, anda boleh menggunakan pemilih ":active" dan atribut paparan untuk mencapai kesan menyembunyikan div dengan mengklik padanya Anda hanya perlu menambah ""
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{
border: 1px solid red;
background-color: #FFC0CB;
}
div:active{
display: none;
}
</style>
</head>
<body>
<div>点击隐藏div元素</div>
</body>
</html>
: pemilih aktif
Penjelasan bahasa Inggeris tentang active ialah "active " "" bermaksud klik pada tetikus. Selepas menetapkan elemen kepada, elemen itu akan hilang sepenuhnya daripada halaman, dan ruang yang asalnya diduduki oleh elemen itu akan diduduki oleh elemen lain, yang bermaksud ia akan menyebabkan penyemak imbas mengalir semula dan melukis semula . display:none
tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan div pada klik dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
tutorial css3
Apakah sifat kecerunan css3?
Mengapakah storan setempat gagal begitu cepat?
Kaedah untuk mencegah serangan CC
Apakah perisian pengaturcaraan mikropengawal?
Bagaimana untuk membandingkan kandungan fail dua versi dalam git
Apakah masalah yang boleh diselesaikan oleh acara js yang menggelegak?
Apakah yang perlu saya lakukan jika video web tidak boleh dibuka?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
