不可继承属性: 1. display 2. margin 3. border 4. padding 5. background 6. height 7. min-height 8. max-height 9. width 10. min-width 11. max-width 12. overflow 13. position 14. top 15. right 16. bottom 17. left 18. z-index 19. float 20. clear 21. columns 22. column-gap 23. column-fill 24. column-rule 25. column-span 26. column-count 27. page-break-before 28. page-break-after 29. page-break-inside 30. table-layout 31. caption-side 32. vertical-align 33. text-align 34. text-transform 35. text-decoration 36. letter-spacing 37. word-spacing 38. line-height 39. white-space 40. color
这些属性都是不能被继承的,那么为什么会有这些不可继承的属性呢?毕竟如果它们都可以继承,就可以省略大量代码。但是,考虑到这些属性的特殊性质,它们就会被定义为不可继承的。
比如,margin、border、padding和height等属性都是用来定义元素的尺寸和位置的,如果它们可以被继承,那就会导致子元素的尺寸和位置混乱。同样,display和position等属性则是用来控制元素在文档流中的表现方式,如果被继承,那么子元素可能会在意料之外地改变自己的表现方式。
总之,在使用CSS时,要时刻记得哪些属性可以被继承,哪些属性是不可以被继承的。这样才能更好地编写出高质量的代码。