在CSS中,有一些樣式可以被繼承,而有一些則不可以。接下來,我們就來看看有哪些樣式可以被繼承。
父元素樣式 繼承給子元素的樣式 color color font-family font-family font-size font-size font-style font-style font-weight font-weight text-align text-align line-height line-height background background margin margin padding padding border border
以上樣式可以被繼承,也就是說,如果父元素設置了這些樣式,子元素就會繼承這些樣式。比如說,如果我們在父元素中設置了font-size: 16px,那么子元素中也會默認為16px,除非子元素再單獨設置font-size。
而以下樣式則不會被繼承,子元素不會繼承父元素的樣式。
display display height height width width top top bottom bottom left left right right float float position position z-index z-index clear clear overflow overflow visibility visibility cursor cursor list-style list-style outline outline border-radius border-radius box-shadow box-shadow transform transform transition transition
以上樣式不會被繼承,子元素如果需要這些樣式,仍需單獨設置。
當我們理解哪些樣式可以被繼承時,就可以更好地寫出合理的CSS代碼,減少代碼冗余,提高代碼效率。