会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132490个问题

老师我感觉id选择器 和类选择器没有啥区别啊,出了一个用的class一个是id,别的区别好像不是特别大,网上说什么id不能再文档中多次使用,我多次使用了好像没有出问题的说

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            /* 通用选择器 (该页面中的所有元素)*/
            *{
                color: red;
            }
            /* 元素/标签选择器 */
            div{
                width: 100px;
                height: 200px;
                /* 背景色 */
                /* background-color: aqua; */
                
                /* 边框的粗细 风格 颜色 */
                border: 0.0625rem solid red;
            }
            /* id选择器 #id的名称 (ID命名必须是数字+字母+下划线/中划线组成,数字不可以开头)*/
            #div1{
                background-color: aquamarine;
            }
            /* 类选择器 */
            .div_1{
                background-color: pink;
            }
        </style>
    </head>
    <body>
        
        <div id="div1">
            1
        </div>
        <div id="div1">
            2
        </div>
        <div id="" class="div_1">
            3
        </div>
        <p>你好</p>
    </body>
</html>


Python 全系列/第七阶段:网页编程基础/CSS 样式 29311楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>window对象的name属性</title>
</head>
<body>
    <button>跨域传输</button>
    <script>
/*         var name=123;
        console.log(name);
        console.log(typeof name);
        var age=123;
        console.log(age);
        console.log(typeof age); */

/*         window.name
        描述:是页面在切换之后,甚至域名更改之后会储存信息的容器
        说明:借助window.name可以实现页面之间数据的传递,称为跨域传输。 */
        //console.log(num);
        //如果想要获取一个页面的信息,那么必须先加载
        var but=document.querySelector('button');
        but.onclick=function(){
            var iframe=document.createElement('iframe');
            iframe.src='page.html';//加载保存了信息的页面
            iframe.style.display='none';
            document.body.appendChild(iframe);
            //当iframe加载完成,意味着window.name的内容已经被赋予完成
            iframe.onload=function(eve){
                var iframeWindowName=eve.target.contentWindow.name;
                //console.log(iframeWindowName);
                eval(iframeWindowName);
                console.log(num);

            }
        }
    </script>
</body>
</html>

image.png老师为什么这一行在vscode里运行会报错误呢?在WebStorm 就可以运行!!

image.png

WEB前端全系列/第二阶段:JavaScript编程模块/面向对象编程 29315楼
JAVA 全系列/第二十一阶段:分布式医疗云平台/项目环境搭建(旧) 29316楼
JAVA 全系列/第三阶段:数据库编程/SQL 语言 29317楼
WEB前端全系列/第五阶段:前后端交互/PHP、数据库编程与设计 29325楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637