在CSS中,有一些屬性是可以被子元素繼承的,比如color、font-size、line-height等等。但是也有一些屬性是不能被繼承的,下面我們來看看這些不可繼承屬性。
不可繼承屬性: 1. display 2. margin 3. border 4. padding 5. background 6. height 7. width 8. overflow 9. position 10. float 11. clear 12. z-index 13. column 14. break
這些屬性都是不能被子元素繼承的,我們來簡單解釋一下。
1. display: 為控制元素的顯示方式,如果當一個元素的display屬性為none時,它的子元素也不會顯示;
2. margin、border、padding:這些屬性是用來控制元素的外觀和排版的,它們的值是直接影響元素自身,而不是繼承值;
3. background:這個屬性用來設置元素的背景圖像、顏色、位置等等,同樣是直接影響元素自身;
4. height、width:這些屬性是設置元素的高度和寬度,同樣也是不繼承的;
5. overflow:這個屬性定義了當內(nèi)容超出一個元素框時發(fā)生的事情,同樣不會被繼承。
總之,以上這些CSS屬性都是不能被子元素繼承的。在我們的開發(fā)中要注意這一點,不能夠出現(xiàn)所有的子元素都和父元素一樣的情況。