继承层叠优先级

继承层叠优先级

在使用CSS选择器的时候要注意CSS的三大属性:继承性和层叠性和优先级属性。

  • 继承性。有一些属性给祖先元素,所有的后代元素都集成上了。关于文字样式的(color、font-、text-、line-),都能够继承; 所有关于盒子的、定位的、布局的属性都不能继承

  • 层叠性。层叠性是一种能力,就是处理冲突的能力。当应用两条同级别的规则到一个元素的时候,写在后面的就是实际使用的规则

  • 优先级。浏览器是根据优先级来决定当多个规则有不同选择器对应相同的元素的时候需要使用哪个规则

1. 继承性

继承也需要在上下文中去理解 —— 一些设置在父元素上的css属性是可以被子元素继承的,有些则不能(所有关于盒子的、定位的、布局的属性都不能继承)

"box">

继承性

继承性

继承性继承性
  • 继承性
  • 继承性
  • 继承性
/* 定位 布局 盒子属性都不会被继承 */ .box {position: absolute;display: block;border: 2px solid #db5b34;


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部