unique_19 2016-06-30 19:17 采纳率: 75%
浏览 1105
已采纳

关于验证css层叠性问题

今天刚刚接触css,在验证css层叠性时发现了一个奇怪问题,代码如下:

 <!--css规则特性-->
<!DOCTYPE html>
<html>
<head>
<title>css规则特性</title>
<style type="text/css">

<!--继承性-->
body {
            font-family:'微软雅黑';
            }

<!--层叠性-->  
h1 {
            color:red;
        }
h1 {
            background-color:silver;
            }

<!--优先级-->
p {
        color:red;
        }
p{
        color:blue;
        }
</style>
</head>
<body>
<h1>AAA</h1>
<p>BBB</p>
</body>
</html>     

在层叠性部分写了两个h1,是为了验证层叠性。然后奇怪的问题来了:
两个特性中只会显示第二个h1的效果,也就是说如果我把这两个h1换个位置,则效果也互换了;如果我删除其中一个h1,那么这个单独的h1也没有效果。
这真是一个好奇怪好奇怪又好费解的问题呀!
三种情况图片如下:
原代码情况下:图片说明
交换h1位置情况下:图片说明
在删除其中一个h1后:图片说明
这个小问题好奇怪好费解,好想知道答案!!!

展开全部

  • 写回答

5条回答 默认 最新

  • 斯洛文尼亚旅游 2016-06-30 21:46
    关注

    css注释是/**/,不要用html的代码的,用html的导致样式出问题了

    虽然是html代码,但是你放到style里面,里面的内容就要符合css语法

         /*<!-- 继承性-- >*/ body {
                font-family: '微软雅黑';
            }
    
            /*<!-- 层叠性-- >*/ h1 {
                color: red;
            }
    
            h1 {
                background-color: silver;
            }
    
            /*<!-- 优先级-- > */p {
                color: red;
            }
    
            p {
                color: blue;
            }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥20 谁刷目标页面的uv记录器上数据,数据只记录跳转的数值
  • ¥30 数据库软件的安装方法
  • ¥15 一道以太网数据传输题
  • ¥15 python 下载群辉文件
  • ¥50 代码还没怎么运行但是需要代码功能调用数据
  • ¥15 vue请求不到数据,返回状态200,数据为html
  • ¥15 用白鹭引擎开发棋牌游戏的前端为什么这么难找
  • ¥35 哪位专业人士知道这是什么原件吗?哪里可以买到?
  • ¥15 关于#c##的问题:treenode反序列化后获取不到上一节点和下一节点,Fullpath和Handle报错
  • ¥15 一部手机能否同时用不同的app进入不同的直播间?
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部