css中有哪些常见的可继承属性,不可继承属性?

样式继承的目的是为了更好地适应页面变化,也就是修改样式时让页面更平滑地过度:设置父元素时希望子元素样式保持统一,那么就继承,如果继承后页面属性变化比较突兀,就不应该继承,比如我设置了 div 的字体大小,那么就希望其子元素的字体大小均被继承的,但对于盒模型属性、定位属性这种 “比较私有” 的属性,如果继承了,反而比较突兀。

常见的可继承属性有:

  • 字体系列属性: font-size
  • 文本系列属性: text-align
  • 其他: visibility 、 cursor

其余基本都是默认不可继承的,因为样式继承容易造成界面发生非预期的不可控变化。

实际上,所有属性都是可继承的,上面说的不可继承是指默认不可继承,如果需要继承某属性,我们可以使用 inherit 属性值来规定:

div > p {
    border: inherit;
}

 如果希望所有属性都继承,则使用 all: inherit; 来控制。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值