关于css中a标签为什么不能继承父类标签的color问题

子类语义化标签的某些样式不能继承父类标签

关于css中a标签为什么不能继承父类标签的color问题

span标签继承了颜色但是a标签未继承 

归根原因是CSS中有个层叠的概念,就是一个元素如果被多个选择器同时匹配时,它的层叠规则是:

<a style="">行内样式  

 <style>内部样式 

 <link>引用样式  

浏览器用户自定义样式 

浏览器默认样式

会先看看程序中是否有直接给a标签设置样式,如果并没有直接给a标签设置样式,那么就会去先看浏览器有没有给a标签设置样式,如果还没有最后才会去找继承的样式

显然代码中并没有给a设置样式规则,接着看浏览器有没有默认样式,这里浏览器是会给a标签设置一个默认样式的,这时候就用浏览器默认样式了,而不需要再去找继承的样式了。

所以为什么span标签继承了父元素的样式呢?因为浏览器没有给span标签设置默认样式

继承过来的样式优先级是最低的!!

只有在浏览器默认样式都都没有的的时候,才会去找继承的样式。

猜你喜欢

转载自blog.csdn.net/hi1234560/article/details/127356435
今日推荐