继承及其问题
根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则：
1
body{font-family:Verdana,sans-serif;}
根据上面这条规则，站点的 body 元素将使用 Verdana 字体（假如访问者的系统中存在该字体的话）。
通过 CSS 继承，子元素将继承最高级元素（在本例中是 body）所拥有的属性（这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。不需要另外的规则，所有 body 的子元素都应该显示 Verdana 字体，子元素的子元素也一样。并且在大部分的现代浏览器中，也确实是这样的。
但是在那个浏览器大战的血腥年代里，这种情况就未必会发生，那时候对标准的支持并不是企业的优先选择。比方说，Netscape 4 就不支持继承，它不仅忽略继承，而且也忽略应用于 body 元素的规则。IE/Windows 直到 IE6 还存在相关的问题，在表格内的字体样式会被忽略。我们又该如何是好呢？
关于继承，还有一个特别的地方，如果<html>上没有设置background相关属性，而<body>上有设置，则<body>会向上传播到<html>上；
并不是所有属性都能继承，比如CSS盒子模型相关属性就是不能继承的。
继承是一个诅咒吗？
如果你不希望 "Verdana, sans-serif" 字体被所有的子元素继承，又该怎么做呢？比方说，你希望段落的字体是 Times。没问题。创建一个针对 p 的特殊规则，这样它就会摆脱父元素的规则：
body{font-family:Verdana,sans-serif;}
td,ul,ol,ul,li,dl,dt,dd{font-family:Verdana,sans-serif;}
p{font-family:Times,"TimesNewRoman",serif;}
关于继承其实是一个很好、很强大的功能，因为有继承，我们可以少写很多code.
10删除样式
编辑
北京时间6月14日凌晨3点，2014巴西世界杯B组首轮，荷兰5-1逆转卫冕冠军西班牙，完美复仇！阿隆索点球建功，范佩西和罗本各入2球，德弗里破门。
比赛焦点
卫冕冠军最惨首战！谁也没有想到，作为卫冕冠军出征的西班牙队，首战就被荷兰踢了一个5-1！在世界杯历史上，卫冕冠军的下届首战从没有输的这么惨，西班牙创造了一个耻辱纪录！
西班牙64年最惨失利！西班牙以1比5的比分首战告负，这也是自1950年1比6负于巴西以来，西班牙最为惨痛的失利，也是自1963年2比6负于苏格兰以来，西班牙第一次在一场比赛丢5球。
荷兰复仇西班牙：这是2010年世界杯决赛的重演，荷兰完成了对西班牙的复仇，尽管早早0-1落后，但荷兰还是凭借范佩西、罗本和德弗里的进球，5-1逆转战胜了世界冠军西班牙！完美的复仇！完美的大胜！
范佩西天外飞仙：不愧是荷兰的大杀器！在荷兰最需要有人站出来的时候，范佩西的一记天外飞仙点燃球迷们的激情！绝对是世界杯历史上最漂亮的进球之一！第72分钟，范佩西又抓住卡西利亚斯的失误打进一球！梅开二度！
罗本单挑西班牙防线：4年前射失单刀的罗本，再次面对西班牙显得更成熟了。今天他在前场表现非常出色，先是给斯内德送上单刀良机，后又单挑西班牙整条防线，两次将球送进卡西利亚斯的大门！踩着风火轮的小飞侠！根本挡不住！
阿隆索再会德容：上届世界杯决赛德容对阿隆索的夺命飞踹还让人记忆犹新，今天两人同时首发出场。虽然二人并没有直接的身体对抗，不过德容对其他西班牙球员的防守动作仍然很大。阿隆索为西班牙罚进点球，这也是自2006年的劳尔后，首位为西班牙进球的皇马球员。
托雷斯思考人生：西班牙人生赢家在第62分钟替补出场，比赛最后时刻，托雷斯有绝好的单刀机会，但托妞在禁区内思考了一下人生，浪费了绝佳的进球机会。
数据分析
从全场技术统计来看，虽然西班牙控球率达到64%，但得势不得分，反而是荷兰的防守反击打的虎虎生威，虽然控球只有36%，但全场14次射门有10次射正！并且打进5个进球！荷兰此役的防反战术取得巨大的成功！
精彩回放
第8分钟，罗本送出精妙直塞，斯内德单刀杀入禁区面对卡西利亚斯右脚搓远角，卡西利亚斯将球封堵。
比赛进行到第27分钟，哈维妙传，科斯塔禁区内扣过德弗里后摔倒，主裁判里佐利处以极刑！阿隆索主罚点球一蹴而就！1-0！不过从慢镜头回放来看，科斯塔是踩在德弗里的腿上滑倒的。
第43分钟，伊涅斯塔妙传，席尔瓦禁区内挑射，门将希勒森下意识伸手将球挡出。
第44分钟，布林德左路斜传禁区，皮球飞行距离超过50米，范佩西高速跟进超远距离的头球鱼跃冲顶，卡西利亚斯目送皮球入网，比分变成了1-1！
第53分钟，布林德左路斜传，罗本禁区内漂亮的卸下皮球扣过上抢的皮克左脚大力抽射，皮球洞穿了卡西利亚斯的十指关，2-1！荷兰反超西班牙！
第60分钟，罗本反击中分球，扬马特将球分到右路，范佩西右脚大力抽射，皮球击中横梁弹出！
第64分钟，斯内德左路任意球传中，德弗里后点头球破门，3-1！西班牙球员投诉范佩西冲撞卡西利亚斯犯规在先，但裁判没有理会。
第68分钟，佩德罗头球攻门被希勒森挡了一下，门前的席尔瓦补射破门，但边裁举旗示意越位，进球被吹掉。
第72分钟，卡西利亚斯禁区内停球失误，范佩西断球后轻松将球送进空门，4-1！范佩西梅开二度！
第80分钟，斯内德后场直传，罗本高速杀入禁区冷静晃过出击的卡西利亚斯大力抽射空门得手，5-1！罗本梅开二度！
赛后声音
博斯克：“这就是足球，我们输了球。我们下半场应该踢的更好一些。但席尔瓦的进球被吹掉后，我们的处境更困难，我们犯了很多错误，但我们每个人都尽力了。今天我们的确踢的不好，但之后我们还有两场比赛要踢，我们会争取比赛的胜利。”
范佩西：“我们在西班牙身上拿到3分，让我们尽情去享受这美妙的时刻。在我们打进第2个球时，我们并没有停下来，而是继续进攻打进了第3第4和第5个进球。进球后奔向范加尔？这是他战术的成功，没有他就没有这场大胜。”
媒体评论
西班牙《马卡报》：“世界级耻辱！西班牙的世界杯卫冕之旅有一个灾难性的开始！罗本和范佩西表现的极为出色，卡西利亚斯送大礼，战术上西班牙也被荷兰完爆！”
荷兰《电讯报》：“5-1！荷兰队完美复仇西班牙，橙衣军团在南非之夏的伤口终于愈合，对范加尔来说，这无疑是一个梦幻般的世界杯开局。金三角范佩西、罗本和斯内德主宰比赛。”
球员评分
范佩西(9分)：梅开二度！超级鱼跃冲顶破门点燃激情！谁敢横刀立马？唯我范大将军！
罗本(9分)：踩着风火轮的小飞侠！根本拦不住！多次上演单挑西班牙整条防线的戏码，打进两个进球。
斯内德(8.5分)：荷兰中场的发动机，助攻了两个进球。
布林德(8分)：左路的传中球非常精准，分别助攻范佩西和罗本破门。
卡西利亚斯(5分)：扑出了斯内德的单刀，但下半场禁区内失误送给范佩西大礼。今天的比赛踢的很郁闷，把守的大门被5次洞穿。
您发个本系列文章由@浅墨_毛星云 出品，转载请注明出处。
文章链接： http://blog.csdn.net/poem_qianmo/article/details/26977557
作者：毛星云（浅墨） 微博：http://weibo.com/u/1723155442
知乎：http://www.zhihu.com/people/mao-xing-yun
邮箱： happylifemxy@163.com
写作当前博文时配套使用的OpenCV版本：
http://www.zhms.cn/User/G/photoview.asp?131831-3547595.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547595.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547603.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547610.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547611.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547613.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547656.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547656.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547661.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547663.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547664.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547666.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547667.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547667.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547672.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547672.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547675.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547675.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547683.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547692.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547721.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547723.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547723.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547726.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547730.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547730.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547737.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547737.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547756.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547756.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547759.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547767.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547774.html
根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则：
1
body{font-family:Verdana,sans-serif;}
根据上面这条规则，站点的 body 元素将使用 Verdana 字体（假如访问者的系统中存在该字体的话）。
通过 CSS 继承，子元素将继承最高级元素（在本例中是 body）所拥有的属性（这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。不需要另外的规则，所有 body 的子元素都应该显示 Verdana 字体，子元素的子元素也一样。并且在大部分的现代浏览器中，也确实是这样的。
但是在那个浏览器大战的血腥年代里，这种情况就未必会发生，那时候对标准的支持并不是企业的优先选择。比方说，Netscape 4 就不支持继承，它不仅忽略继承，而且也忽略应用于 body 元素的规则。IE/Windows 直到 IE6 还存在相关的问题，在表格内的字体样式会被忽略。我们又该如何是好呢？
关于继承，还有一个特别的地方，如果<html>上没有设置background相关属性，而<body>上有设置，则<body>会向上传播到<html>上；
并不是所有属性都能继承，比如CSS盒子模型相关属性就是不能继承的。
继承是一个诅咒吗？
如果你不希望 "Verdana, sans-serif" 字体被所有的子元素继承，又该怎么做呢？比方说，你希望段落的字体是 Times。没问题。创建一个针对 p 的特殊规则，这样它就会摆脱父元素的规则：
body{font-family:Verdana,sans-serif;}
td,ul,ol,ul,li,dl,dt,dd{font-family:Verdana,sans-serif;}
p{font-family:Times,"TimesNewRoman",serif;}
关于继承其实是一个很好、很强大的功能，因为有继承，我们可以少写很多code.
10删除样式
编辑
北京时间6月14日凌晨3点，2014巴西世界杯B组首轮，荷兰5-1逆转卫冕冠军西班牙，完美复仇！阿隆索点球建功，范佩西和罗本各入2球，德弗里破门。
比赛焦点
卫冕冠军最惨首战！谁也没有想到，作为卫冕冠军出征的西班牙队，首战就被荷兰踢了一个5-1！在世界杯历史上，卫冕冠军的下届首战从没有输的这么惨，西班牙创造了一个耻辱纪录！
西班牙64年最惨失利！西班牙以1比5的比分首战告负，这也是自1950年1比6负于巴西以来，西班牙最为惨痛的失利，也是自1963年2比6负于苏格兰以来，西班牙第一次在一场比赛丢5球。
荷兰复仇西班牙：这是2010年世界杯决赛的重演，荷兰完成了对西班牙的复仇，尽管早早0-1落后，但荷兰还是凭借范佩西、罗本和德弗里的进球，5-1逆转战胜了世界冠军西班牙！完美的复仇！完美的大胜！
范佩西天外飞仙：不愧是荷兰的大杀器！在荷兰最需要有人站出来的时候，范佩西的一记天外飞仙点燃球迷们的激情！绝对是世界杯历史上最漂亮的进球之一！第72分钟，范佩西又抓住卡西利亚斯的失误打进一球！梅开二度！
罗本单挑西班牙防线：4年前射失单刀的罗本，再次面对西班牙显得更成熟了。今天他在前场表现非常出色，先是给斯内德送上单刀良机，后又单挑西班牙整条防线，两次将球送进卡西利亚斯的大门！踩着风火轮的小飞侠！根本挡不住！
阿隆索再会德容：上届世界杯决赛德容对阿隆索的夺命飞踹还让人记忆犹新，今天两人同时首发出场。虽然二人并没有直接的身体对抗，不过德容对其他西班牙球员的防守动作仍然很大。阿隆索为西班牙罚进点球，这也是自2006年的劳尔后，首位为西班牙进球的皇马球员。
托雷斯思考人生：西班牙人生赢家在第62分钟替补出场，比赛最后时刻，托雷斯有绝好的单刀机会，但托妞在禁区内思考了一下人生，浪费了绝佳的进球机会。
数据分析
从全场技术统计来看，虽然西班牙控球率达到64%，但得势不得分，反而是荷兰的防守反击打的虎虎生威，虽然控球只有36%，但全场14次射门有10次射正！并且打进5个进球！荷兰此役的防反战术取得巨大的成功！
精彩回放
第8分钟，罗本送出精妙直塞，斯内德单刀杀入禁区面对卡西利亚斯右脚搓远角，卡西利亚斯将球封堵。
比赛进行到第27分钟，哈维妙传，科斯塔禁区内扣过德弗里后摔倒，主裁判里佐利处以极刑！阿隆索主罚点球一蹴而就！1-0！不过从慢镜头回放来看，科斯塔是踩在德弗里的腿上滑倒的。
第43分钟，伊涅斯塔妙传，席尔瓦禁区内挑射，门将希勒森下意识伸手将球挡出。
第44分钟，布林德左路斜传禁区，皮球飞行距离超过50米，范佩西高速跟进超远距离的头球鱼跃冲顶，卡西利亚斯目送皮球入网，比分变成了1-1！
第53分钟，布林德左路斜传，罗本禁区内漂亮的卸下皮球扣过上抢的皮克左脚大力抽射，皮球洞穿了卡西利亚斯的十指关，2-1！荷兰反超西班牙！
第60分钟，罗本反击中分球，扬马特将球分到右路，范佩西右脚大力抽射，皮球击中横梁弹出！
第64分钟，斯内德左路任意球传中，德弗里后点头球破门，3-1！西班牙球员投诉范佩西冲撞卡西利亚斯犯规在先，但裁判没有理会。
第68分钟，佩德罗头球攻门被希勒森挡了一下，门前的席尔瓦补射破门，但边裁举旗示意越位，进球被吹掉。
第72分钟，卡西利亚斯禁区内停球失误，范佩西断球后轻松将球送进空门，4-1！范佩西梅开二度！
第80分钟，斯内德后场直传，罗本高速杀入禁区冷静晃过出击的卡西利亚斯大力抽射空门得手，5-1！罗本梅开二度！
赛后声音
博斯克：“这就是足球，我们输了球。我们下半场应该踢的更好一些。但席尔瓦的进球被吹掉后，我们的处境更困难，我们犯了很多错误，但我们每个人都尽力了。今天我们的确踢的不好，但之后我们还有两场比赛要踢，我们会争取比赛的胜利。”
范佩西：“我们在西班牙身上拿到3分，让我们尽情去享受这美妙的时刻。在我们打进第2个球时，我们并没有停下来，而是继续进攻打进了第3第4和第5个进球。进球后奔向范加尔？这是他战术的成功，没有他就没有这场大胜。”
媒体评论
西班牙《马卡报》：“世界级耻辱！西班牙的世界杯卫冕之旅有一个灾难性的开始！罗本和范佩西表现的极为出色，卡西利亚斯送大礼，战术上西班牙也被荷兰完爆！”
荷兰《电讯报》：“5-1！荷兰队完美复仇西班牙，橙衣军团在南非之夏的伤口终于愈合，对范加尔来说，这无疑是一个梦幻般的世界杯开局。金三角范佩西、罗本和斯内德主宰比赛。”
球员评分
范佩西(9分)：梅开二度！超级鱼跃冲顶破门点燃激情！谁敢横刀立马？唯我范大将军！
罗本(9分)：踩着风火轮的小飞侠！根本拦不住！多次上演单挑西班牙整条防线的戏码，打进两个进球。
斯内德(8.5分)：荷兰中场的发动机，助攻了两个进球。
布林德(8分)：左路的传中球非常精准，分别助攻范佩西和罗本破门。
卡西利亚斯(5分)：扑出了斯内德的单刀，但下半场禁区内失误送给范佩西大礼。今天的比赛踢的很郁闷，把守的大门被5次洞穿。
您发个本系列文章由@浅墨_毛星云 出品，转载请注明出处。
文章链接： http://blog.csdn.net/poem_qianmo/article/details/26977557
作者：毛星云（浅墨） 微博：http://weibo.com/u/1723155442
知乎：http://www.zhihu.com/people/mao-xing-yun
邮箱： happylifemxy@163.com
写作当前博文时配套使用的OpenCV版本：
http://www.zhms.cn/User/G/photoview.asp?131831-3547595.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547595.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547603.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547610.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547611.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547613.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547656.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547656.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547661.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547663.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547664.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547666.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547667.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547667.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547672.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547672.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547675.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547675.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547683.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547692.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547721.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547723.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547723.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547726.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547730.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547730.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547737.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547737.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547756.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547756.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547759.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547767.html
http://www.zhms.cn/User/G/photoview.asp?131831-3547774.html
扫一扫
1147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
