标签：
以下均为个人见解，如有错误之处，请大牛帮忙更正。
---------------------------------------
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { color:yellow; } </style> </head> <body> <div> <span>文字</span> <a href="#">链接</a> </div> </body> </html>
起因是因为上面的代码，非常简单，但是问题出现了，链接不能继承父级div的color属性，span标签却能，解决办法十分简单，div a { color:yellow; }就可以搞定了，好奇心上来了，谁也拦不住，整吧。
到处问啊，先google了下，我去，这应该怎么说，让超链接继承颜色？找不到啊，郁闷了一下，找QQ群求助吧，一问吓一跳，大伙都知道，那你们怎么都不分享出来！刨根问底儿，大伙的意思就是背下来，想理解自己研究浏览器的代码怎么渲染，我想说我刚学一个月，但是还是忍忍作痛的说了声谢谢，ctrl+w。
转了一圈圈还是有些收获的，群里有个人说了句链接不能继承颜色，我勒个去，灵光乍现啊有木有，打开google复制粘贴，果然有相关的链接，嗯，这时候有了一个感受：问问题要问的准啊。
看了看，果然有一个CSDN的问题，看！打开。。额。。失败。。但是心情啊，还让不让人睡觉了，百度一下吧，一样的关键字，额。。。知道我下一步要说啥了吧。
昨天刚刚研究会hostsFQ，所以有很多问题，最近firefox也犯抽风，用了下chrome，看了看，链接在这里视线定格在2L。
“color定义的是普通文本（不包括超链接a）”，又是闪闪发光的一句话，咔咔咔，来段代码。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { color:yellow; } </style> </head> <body> <div> <p>段落</p> <span>文字</span> <h1>标题</h1> <a href="#">链接</a> <button>按钮</button> </div> </body> </html>
嗯，有点道理，链接按钮都不算文本啊，就在我即将下结论的时候，看了下知乎，真的是知乎！问题链接 答案@马铖的真理般答案出现了！其实刚刚在QQ群里也有人说，但是被我一个样式重置表给忽略了，还是万分抱歉的。
随便找了个关于CSS优先级的问题的文章
确实写了，继承的CSS 样式不如后来指定的CSS 样式；
结论出现了：因为浏览器默认样式是直接指定到具体标签的，继承的CSS样式不如后来制定的CSS样式，所以出现了上述状况。
反省：
1.应该细细琢磨每个人的想法。
2.注意提问的方式。
3.以后还是先google吧。
标签：
原文地址：http://www.cnblogs.com/huiyiyang/p/4300460.html
