鱼C论坛

 找回密码
 立即注册
查看: 3501|回复: 2

有关html中设置不生效的问题,谢谢大家

[复制链接]
发表于 2016-5-21 08:39:40 | 显示全部楼层 |阅读模式
10鱼币
现上代码:
<!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但是没成功;
自己百度了也没找到原因,求解答;谢谢

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2016-5-23 09:20:18 | 显示全部楼层
<!--操作中发现,要想使子元素显示,则父元素必须先能显示
        最好不要在*{display:none}中,因为最后怎么都改不过来--->不知道为什么
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2016-6-16 11:46:11 | 显示全部楼层
666
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-22 12:21

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表