61,115
社区成员
发帖
与我相关
我的任务
分享display: none 不起作用
<html>
<head>
<meta http-equiv="content-type" content='text/html;charset=utf-8'/>
<style>
<!--本页的css样式-->
.reveal * {display: none;}
/*.reveal * {background-color: gray;}*/
.reveal *.handle {display: block;}
.reveal *.handle {background-color: gray;}
</style>
</head>
<body>
<div class="reveal">
<h1 class="handle">Click Here to Reveal Hidden Text</h1>
<p>This paragraph is hidden. It appears when you click on title.</p>
</div>
</body>
</html>
.reveal * {display: none;}应该是除了.handle元素外都隐藏，为什么display: none不起作用呢？
...全文
请发表友善的回复…
发表回复
cocotsau 2016-06-19
- 打赏
- 举报
首先，把这个注释改了，style标签（即CSS）里面的注释是 /* */ ，<!--本页的css样式-->改成 /*本页的css样式*/
优先级的问题，.reveal *.handle高于.reveal * {display: none;}，优先级高的生效
天际的海浪 2016-06-19
- 打赏
- 举报
.reveal * {display: none;}的效果被.reveal *.handle {display: block;}覆盖了
历努 2016-06-19
- 打赏
- 举报
3,4楼正解，谢谢了
KK3K2005 2016-06-19
- 打赏
- 举报
<!--本页的css样式-->
这个不是 css的注意语法 下面一行 样式就被破坏了
