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

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

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

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

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

<a style="">行内样式  

 <style>内部样式 

 <link>引用样式  

浏览器用户自定义样式 

浏览器默认样式

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

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

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

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

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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值