Was ist die Vererbung von CSS?-CSS-Tutorial-php.cn

Was ist die Vererbung von CSS?

清浅

Freigeben： 2019-05-14 15:26:59

Original

6089 Leute haben es durchsucht

Vererbung in CSS bedeutet, dass die darin enthaltenen Tags den Stil der externen Tags haben, d. h. untergeordnete Elemente können die Attribute des übergeordneten Elements erben.

CSS hat drei Hauptmerkmale, nämlich Vererbung, Kaskadierung und Priorität. Als nächstes werde ich die Vererbung in CSS im Detail vorstellen und hoffe, dass sie für Sie hilfreich ist.

Was ist die Vererbung von CSS?

Vererbung:

Vererbung bedeutet, dass die darin eingeschlossenen Tags den Stil des äußeren Tags, also des untergeordneten Tags, haben Elemente können die Attribute des übergeordneten Elements erben. Im folgenden Code enthält das div beispielsweise 2 p-Tags und 1 span-Tag. Wenn die Schriftfarbe für das div auf Rot eingestellt ist, erben seine untergeordneten Tags die Attribute des übergeordnetes Element und wird daher rot angezeigt. In CSS können Attribute, die mit „text-“, „font-“ und „line-“ beginnen, vererbt werden.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            color: red;
        }
    </style>
</head>
<body>
    <div>
        <p>苹果</p>
        <p>香蕉</p>
        <span>葡萄</span>
    </div>
</body>
</html>

Nach dem Login kopieren

zeigt die Ergebnisse wie folgt an:

Was ist die Vererbung von CSS?

Das obige ist der detaillierte Inhalt vonWas ist die Vererbung von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!