Q23
★ ★ ★ ★ ★
哪些 CSS 属性会继承?不继承的有哪些?
⚡ 速记答案(30 秒)
典型继承:font-*、color、text-align、line-height、visibility、list-style 等。不继承:margin、padding、border、width/height、position、display 等。可用 inherit/initial/unset/revert 控制。
📖 详细讲解
标准面试回答(推荐记住)
CSS 属性分为可继承和不可继承两类。会继承的主要是文字相关属性:font-family、font-size、font-weight、color、text-align、line-height 等,还有 visibility、list-style、cursor 等。不会继承的主要是盒模型和布局相关:margin、padding、border、width、height、position、display、background 等。可以用关键字控制继承行为:inherit 强制继承、initial 恢复初始值、unset 天然继承的继承否则初始值、revert 恢复浏览器默认。
✅ 面试要点
- •文字类属性会继承
- •盒模型布局类不继承
- •inherit/initial/unset 关键字