小編給大家分享一下css如何隱藏父元素顯示子元素，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站定制,高端網(wǎng)頁(yè)制作,對(duì)發(fā)電機(jī)回收等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站營(yíng)銷優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

在css中，可以利用visibility屬性實(shí)現(xiàn)父元素隱藏并且子元素顯示的效果，只需要給父元素添加“visibility:hidden”樣式、給子元素添加“visibility:visible”樣式即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在css中想要實(shí)現(xiàn)隱藏父元素并且顯示子元素很簡(jiǎn)單，只需要給父元素添加visibility:hidden樣式使其隱藏，再給子元素添加visibility:visible樣式使其顯示出來(lái)即可。

下面我們通過(guò)示例來(lái)看一下，示例如下：

1231231231231325654654635165