有关html中设置不生效的问题,谢谢大家
现上代码:<!DOCTYPE html>
<html>
<head>
<title>测试jquery</title>
<meta charset="utf-8" />
<style type="text/css">
*{
display:none;
}
.con{
float:left;
margin-left:10px;
border:1px solid red;
}
.con div,
.con span{
width:100px;
height:100px;
border:3px solid black;
float:left;
margin-left:10px;
}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
<div class="con">
<div id="divId">id</div>
<div class="divClass">class</div>
<span>span</span>
</div>
<span style="display:none;">spannnnnn</span>
</body>
<script type="text/javascript">
window.onload=function(){
/*id选择器*/
$("#divId").css({"display":"block"});
/*类选择器*/
$(".divClass").css({"display":"block"});
}
</script>
</html>
问题:网页不会有任何显示,用f12查看,俩个div的display属性是block但是就是不显示;
只要把*{}中的display:none注释掉就好了;
这个代码的目的是为了测试jQueary但是没成功;
自己百度了也没找到原因,求解答;谢谢
<!--操作中发现,要想使子元素显示,则父元素必须先能显示
最好不要在*{display:none}中,因为最后怎么都改不过来--->不知道为什么 666
页:
[1]