樣式的繼承

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            body{
                font-size: 30px;
            }
        </style>
    </head>
    <body>
        <!-- 
            像兒子可以繼承父親的遺產(chǎn)一樣，在CSS中，祖先元素上的樣式，也會(huì)被他的后代元素所繼承,
            利用繼承，可以將一些基本的樣式設(shè)置給祖先元素，這樣所有的后代元素將會(huì)自動(dòng)繼承這些樣式。
            
            但是并不是所有的樣式都會(huì)被子元素所繼承，比如：背景相關(guān)的樣式都不會(huì)被繼承 邊框相關(guān)的樣式 定位相關(guān)的
        -->
        
        <div style="background-color: yellow;">
            <p>
                我是p標(biāo)簽中的文字
                <span>我是span中的文字</span>
            </p>
        </div>
        
        
        <span>我是p元素外的span</span>
        
    </body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容