简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

css怎样隐藏父元素显示子元素

WBOY
Lepaskan： 2021-11-24 16:33:38
asal
2740 人浏览过

在css中，可以利用visibility属性实现父元素隐藏并且子元素显示的效果，只需要给父元素添加“visibility:hidden”样式、给子元素添加“visibility:visible”样式即可。

css怎样隐藏父元素显示子元素

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css怎样隐藏父元素显示子元素

在css中想要实现隐藏父元素并且显示子元素很简单，只需要给父元素添加visibility:hidden样式使其隐藏，再给子元素添加visibility:visible样式使其显示出来即可。

下面我们通过示例来看一下，示例如下：











1231231231231325654654635165
Salin selepas log masuk

输出结果：

1124.37.png

当给父元素子元素添加样式之后：












1231231231231325654654635165
Salin selepas log masuk

输出结果：

1124.38.png

上述示例便是父元素隐藏子元素显示的情况。

（学习视频分享：css视频教程）

以上是css怎样隐藏父元素显示子元素的详细内容。更多信息请关注PHP中文网其他相关文章！

Label berkaitan：
css 隐藏
sumber：php.cn
Artikel sebelumnya：怎样用css3来实现数字换行 Artikel seterusnya：css怎样取消元素内边距
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
WordPress 6.0 (add_editor_style) tidak memuatkan style.css dalam editor Gutenberg Saya mengikuti kursus UdemyWordPress untuk mencipta tema blok WordPress tersuai. Saya berj...
daripada 2023-11-12 20:37:50
0
2
261
CSS mendahului sifar untuk perpuluhan yang tidak berfungsi dengan nombor yang besar Baru-baru ini saya menghadapi masalah di mana saya mencipta senarai tersusun dengan lebih ...
daripada 2023-11-07 10:35:53
0
1
236
Ralat Sass: Fail telah dimuatkan: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; Saya menggunakan rangka kerja quasar dan semasa menyusun projek saya, saya mengalami ralat...
daripada 2023-11-06 21:38:55
0
1
219
Bagaimana untuk membenamkan video latar belakang dalam HTML/CSS? Hai semua, baru-baru ini saya menghadapi masalah. Saya cuba untuk menetapkan latar belakan...
daripada 2023-11-06 13:59:13
0
1
240
Bagaimana untuk mendapatkan nilai RGB warna bernama CSS/HTML dalam JavaScript Saya telah mencipta objek Javascript yang dipanggil [name-rgb]. Asas anda:namedColors={Ali...
daripada 2023-11-06 09:05:50
0
2
210
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！