在CSS中,有一些樣式可以被繼承,而有一些則不可以。接下來(lái),我們就來(lái)看看有哪些樣式可以被繼承。
父元素樣式 繼承給子元素的樣式 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
以上樣式可以被繼承,也就是說(shuō),如果父元素設(shè)置了這些樣式,子元素就會(huì)繼承這些樣式。比如說(shuō),如果我們?cè)诟冈刂性O(shè)置了font-size: 16px,那么子元素中也會(huì)默認(rèn)為16px,除非子元素再單獨(dú)設(shè)置font-size。
而以下樣式則不會(huì)被繼承,子元素不會(huì)繼承父元素的樣式。
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
以上樣式不會(huì)被繼承,子元素如果需要這些樣式,仍需單獨(dú)設(shè)置。
當(dāng)我們理解哪些樣式可以被繼承時(shí),就可以更好地寫(xiě)出合理的CSS代碼,減少代碼冗余,提高代碼效率。