以下均为个人见解,如有错误之处,请大牛帮忙更正。
---------------------------------------
<!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吧。