Heim > Artikel > Web-Frontend > Was ist der Root-Selektor? Detaillierte Erklärung des Root-Selektors

Was ist der Root-Selektor? Detaillierte Erklärung des Root-Selektors

云罗郡主Original: 2018-11-19 10:20:025312Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist der Root-Selektor? Die ausführliche Erklärung des Root-Selektors hat einen gewissen Referenzwert. Ich hoffe, dass sie für Sie hilfreich ist.

Einführung in den Root-Selektor

In CSS3 wird der :root-Selektor verwendet, um das Root-Element des Dokuments auszuwählen. Das Stammelement bezieht sich auf das Element, das sich auf der obersten Ebene des Dokumentbaums befindet. In HTML ist das Stammelement immer HTML.

Beispiel:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <title>CSS3 :root选择器</title>
    <style type="text/css">
        :root
        {
            background-color:silver;
        }
        body
        {
            background-color:red;
        }
    </style>
</head>
<body>
    <h1>php中文网</h1>
</body>
</html>

Anzeigeeffekt:

Was ist der Root-Selektor? Detaillierte Erklärung des Root-Selektors

Analyse:

Hier wird der :root-Selektor zur Angabe verwendet Die Hintergrundfarbe der gesamten Webseite ist grau und die Hintergrundfarbe des Textelements auf der Webseite ist auf Rot eingestellt.

:root{background-color:silver;}

oder:

html{background-color:silver;}

Was ist der Root-Selektor? Eine vollständige Einführung in die detaillierte Erklärung des Root-Selektors. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWas ist der Root-Selektor? Detaillierte Erklärung des Root-Selektors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php css3 html 选择器

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was ist der Unterschied zwischen First-of-Type und First Child?Nächster Artikel：Was ist der Unterschied zwischen First-of-Type und First Child?

In Verbindung stehende Artikel

Mehr sehen