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

            
         
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楼正解，谢谢了