当前位置:Gxlcms > html代码 > display:none不起作用_html/css_WEB-ITnose

display:none不起作用_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:368人阅读

                                    

Click Here to Reveal Hidden Text

This paragraph is hidden. It appears when you click on title.




.reveal * {display: none;}应该是除了.handle元素外都隐藏,为什么display: none不起作用呢?


回复讨论(解决方案)

重叠了,前面类的display就无效。


.reveal * {display: none;}的效果被.reveal *.handle {display: block;}覆盖了

首先,把这个注释改了,style标签(即CSS)里面的注释是 /* */ ,改成 /*本页的css样式*/
优先级的问题,.reveal *.handle高于.reveal * {display: none;},优先级高的生效



这个不是 css的注意语法 下面一行 样式就被破坏了

3,4楼正解,谢谢了

人气教程排行