点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

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

来源：懂视网责编：小采时间：2020-11-27 16:30:17

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

display:none不起作用_html/css_WEB-ITnose: .reveal * {display: none;} /*.reveal * {background-color: gray;}*/ .reveal *.handle {display: block;} .reveal *.handle {background-color: gray;} Click Here to Reveal Hidden Text This paragraph is hidden. It appears when you click o

推荐度：

点击下载本文 文档为doc格式

导读display:none不起作用_html/css_WEB-ITnose: .reveal * {display: none;} /*.reveal * {background-color: gray;}*/ .reveal *.handle {display: block;} .reveal *.handle {background-color: gray;} Click Here to Reveal Hidden Text This paragraph is hidden. It appears when you click o

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

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

display:none不起作用_html/css_WEB-ITnose: .reveal * {display: none;} /*.reveal * {background-color: gray;}*/ .reveal *.handle {display: block;} .reveal *.handle {background-color: gray;} Click Here to Reveal Hidden Text This paragraph is hidden. It appears when you click o

推荐度：

点击下载本文 文档为doc格式

标签：不起作用 html css

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top