Wie verwende ich After- und Before-Selektoren? Detaillierte Erläuterung der After- und Before-Selektoren-CSS-Tutorial-php.cn

Wie verwende ich After- und Before-Selektoren? Detaillierte Erläuterung der After- und Before-Selektoren

云罗郡主

Freigeben： 2018-11-21 17:23:17

nach vorne

4458 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Verwendung von After- und Before-Selektoren. Die ausführliche Erklärung der Nachher- und Vorher-Selektoren hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.

In CSS3 können wir die Selektoren ::before und ::after verwenden, um Inhalte vor oder nach dem Element hinzuzufügen. Diese beiden Selektoren werden häufig in Verbindung mit dem „Inhaltsattribut“ verwendet. Die am häufigsten verwendeten Szenarien sind das Löschen von Floats und das Erstellen kleiner Symbole.

Der Code lautet wie folgt:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <title>CSS3 ::before和::after选择器</title>
    <style type="text/css">
        div::before
        {
            content:"php中文网";
        }
    </style>
</head>
<body>
    <div>CSS3教程</div>
</body>
</html>

Nach dem Login kopieren

Wie im Bild gezeigt:

Wie verwende ich After- und Before-Selektoren? Detaillierte Erläuterung der After- und Before-Selektoren

Analyse:

:: vor und:: Die beiden Nachher-Selektoren arbeiten mit dem Inhaltsattribut, um Inhalte, Bilder, Multimedia usw. vor oder nach dem Element einzufügen. Diese beiden Selektoren sind sehr nützlich und können sogar zum Entwerfen verschiedener kleiner Symbole verwendet werden:

Wie verwende ich After- und Before-Selektoren? Detaillierte Erläuterung der After- und Before-Selektoren

Wie verwendet man die Nachher- und Vorher-Selektoren? Eine vollständige Einführung in die detaillierte Erklärung der After- und Before-Selektoren. 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 vonWie verwende ich After- und Before-Selektoren? Detaillierte Erläuterung der After- und Before-Selektoren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!