1.语法检测时提示有多余的结束标签

<!doctype html>

<html>

       <head>

              <meta charset="utf-8">

              <title>提示多余结束标签时发生了什么。</title>

       </head>

       <body>

              <p>

              bbb

                   <blockquote>

                aaa

                   </blockquote>

              </p>



       </body>

</html>

你会发现这个代码放入W3c的检测网站检测语法，会提示下划线的</p>是多余的。

这是因为浏览器自动补全了<p>的结束标签</p>——<blockquote>是一个独立的块，不能被<p>包围，所以浏览器自动补全了第一个<p>的结束标签，然后判定我写的</p>是多余的。

2.使用IDE时，发现缩进和自己想的不一样时，很可能是出问题了：比如1中的问题。

3.F12模式下看到的样式与实际样式不符合？

<table>

        <caption>

          The cities I visited on my segway'n USA travels

        </caption>

        <tr>

          <th>City</th>

          <th class="center">Date</th>

          <th class="center">Temperature</th>

          <th class="right">Altitude</th>

          <th class="right">Population</th>

          <th class="center">Diner Rating</th>

        </tr>

        <tr>

          <td>Walla Walla, WA</td>

          <td class="center">June 15th</td>

          <td class="center">75</td>

          <td class="right">1,204 ft</td>

          <td class="right">29,686</td>

          <td class="center">4/5</td>

        </tr>

        <tr>

          <td>Magic City, ID</td>

          <td class="center">June 25th</td>

          <td class="center">74</td>

          <td class="right">5,312 ft</td>

          <td class="right">50</td>

          <td class="center">3/5</td>

        </tr>

        <tr>

          <td>Bountiful,UT</td>

          <td class="center">July 10</td>

          <td class="center">91</td>

          <td class="right">4226 ft</td>

          <td class="right">41,173</td>

          <td class="center">4/5</td>

        </tr>

        <tr>

          <td>Last Chance,COTruth or</td>

          <td class="center">July 23</td>

          <td class="center">102</td>

          <td class="right">4,789 ft</td>

          <td class="right">265</td>

          <td class="center">3/5</td>

        </tr>

        <tr>

          <td>consequ ences,NM</td>

          <td class="center">August 9</td>

          <td class="center">93</td>

          <td class="right">4,242 ft</td>

          <td class="right">7,289</td>

          <td class="center">5/5</td>

        </tr>

        <tr>

          <td>Why,AZ</td>

          <td class="center">August 18</td>

          <td class="center">104</td>

          <td class="right">860 ft</td>

          <td class="right">480</td>

          <td class="center">3/5</td>

        </tr>

      </table>
th{

  background-color: blue;

}

tr:nth-child(odd){

  background-color: red;

}

如上代码。在开发者模式下看，明明是红色，为什么显示的却是蓝色？

（错误的思路）第一反应是看优先级——tr:nth-child(odd)，是011（1伪类1元素名）；th，是001（1元素名），开发者模式没错啊，th被覆盖了，就是红色，为什么显示了蓝色......

（正确思路）这里应该看th的颜色才对，而不是看tr——没有设置th的颜色，th才会继承tr的颜色；这里th并没有被覆盖，th和tr不是同一个选择器，谈不上“覆盖”，只能说，继承的颜色（tr的红色）优先级没有选择器直接指定的颜色（th的蓝色）高。

HTML中的那些bug的更多相关文章

  1. 关于AFNetworking中header的bug问题

    关于AFNetworking中header的bug问题 [摘要:AFNetworking那个正在ios开辟中便未几道了,网上一搜一大推,然则详细用法我便没有道了,偶然间我会整顿一下详细的一些用法.本日 ...

  2. 关于RadAsm中GetEnvironmentStrings的BUG。

    今天在asm中不通过msvcrt.inc调用c库. 所以.第一时间就在vc的lib中拷贝了libc.lib问价.加入工程后. 声明.调用如下: 然后.链接报错. libc.lib(crt0.obj) ...

  3. IE6中的常见BUG与相应的解决办法

    开发前端的同学一定都知道,IE6是兼容BUG最多的浏览器,它不支持PNG alpha通道暂且不论.其文档的解析理解规范也引起了诸多恼人的BUG,有时甚至让人感到绝望.本文主要讲解一些比较容易遇到的IE ...

  4. CSS中常见的BUG调试

    1.布局--layout 布局是windows提出的概念,用于控制元素的尺寸和定位. 拥有布局的元素负责自身及其子元素的尺寸及定位,而没有布局的元素仅仅能依靠近期的祖先元素进行控制. 通常在IE6中出 ...

  5. onbeforeunload与a标签在IE中的冲突bug（转载）

    onbeforeunload与a标签在IE中的冲突bug   onbeforeunload 是window的一个事件,目前Firefox,IE都支持,主要用来提示用户是否真的要离开该页面,通常在一些比 ...

  6. IE6中CSS常见BUG全集及解决方案——摘自网友

    IE6中CSS常见BUG全集及解决方案 IE6双倍边距bug 当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况.如外边距设置为10px, ...

  7. Kali Linux 2017中Scapy运行bug解决

    Kali Linux 2017中Scapy运行bug解决   Scapy是一款强大的网络数据包构建工具.在Kali Linux 2017中,当在scapy的命令行中,运行res.graph()生成图形 ...

  8. JSPatch来更新已上线的App中出现的BUG(超级详细)

    JSPatch的作用是什么呢? 简单来说:(后面有具体的操作步骤以及在操作过程中会出现的错误) 1.iOS应用程序上架到AppStore需要等待苹果公司的审核,一般审核时间需要1到2周.虽然程序在上架 ...

  9. 浏览器中CSS的BUG

    对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. 其它请参考:CSS hack 针对IE6,IE7,fir ...

  10. 微软BI 之SSIS 系列 - MVP 们也不解的 Scrip Task 脚本任务中的一个 Bug

    开篇介绍 前些天自己在整理 SSIS 2012 资料的时候发现了一个功能设计上的疑似Bug,在 Script Task 中是可以给只读列表中的变量赋值.我记得以前在 2008 的版本中为了弄明白这个配 ...

随机推荐

  1. NoSQL之Redis探析

    下载地址:wget http://download.redis.io/releases/redis-2.8.8.tar.gz安装steps:1 下载Official Website : http:// ...

  2. 嵌入式开发之davinci---IPIPE、IPIPEIF and ISIF这三者有什么区别

    (1)缩写概念 (2)各自区别 (3)不同sensor 采集接口 (4)采集后的数据链路link (5)8127 中的iss和ipipe的区别 (1)缩写概念 http://www.ti.com.cn ...

  3. iPhone开发关于UDID和UUID的一些理解【转】

    原文地址:http://blog.csdn.net/xunyn/article/details/13629071 一.UDID(Unique Device Identifier) UDID是Uniqu ...

  4. 2016/4/26 sublime text 2 版本 遇到的问题及解决方法

    1.汉化:下载汉化包 .打开程序Preference下的浏览包文件夹.将解压的程序包粘贴进包文件夹2.破解:标题栏上面有带(unregistered)表示还没有注册: 打开HELP→Enter lic ...

  5. 内部消息 微软中国云计算 内測Azure免费账号 赶紧申请 错过不再有

    内部消息 微软中国云计算 顶级内測Azure免费账号 火热申请 过期不再有! 微软MSDN俱乐部  29754721, [一大波Azure免费账号来袭]Windows Azure再次开启示放免费试用账 ...

  6. USACO45 lights 电灯（折半搜索）

    刚刚上一篇博客才D了队长一发,心里虚的慌......万分感谢队长给讲折半搜索!!听说这题可以高斯消元(可是我不会...貌似折半我也不会) 这题呢,一想到就是爆搜啦,然而,爆搜2^35必跪,折半搜索,就 ...

  7. apply current folder view to all folders

    https://www.tenforums.com/tutorials/35093-apply-folder-view-all-folders-same-type-windows-10-a.html ...

  8. SERVLET类常用接口及方法

    SERVLET类常用接口及方法 2011-09-09 16:14:43    [size=xx-small]SERVLET类常用接口及方法2007年04月05日 星期四 04:46 P.M.基本类和接 ...

  9. 二:多线程--GCD

    一.简单介绍 1.GCD全称是Grand Central Dispatch,可译为“牛逼的中枢调度器”,纯C语言,提供了非常多强大的函数 2.GCD的优势 GCD是苹果公司为多核的并行运算提出的解决方 ...

  10. 洛谷 P2444 [ POI 2000 ] 病毒 —— AC自动机+dfs

    题目:https://www.luogu.org/problemnew/show/P2444 AC自动机上 dfs,不走结尾点,如果走出环就是有无限长度的串: RE无数,原来是数组开成 2000 的了 ...