Markieren Sie aktive HTML-Anker über CSS mit dem CSS :target-Selektor.
Sie können versuchen, den folgenden Code auszuführen, um :target selector
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
:target {
border: 2px solid #D4D4D4;
background-color: orange;
color: white;
}
</style>
</head>
<body>
<p>Click any of the subject below.</p>
<p><a href = "#tut1">Maths</a></p>
<p><a href = "#tut2">Java</a></p>
<p><a href = "#tut3">C++</a></p>
<p><a href = "#tut4">C</a></p>
<p>This is demo text.</p>
<p>This is demo text.</p>
<p>This is demo text.</p>
<p>This is demo text.</p>
<p>This is demo text.</p>
<p id = "tut1"><b>Maths Tutorial</b></p>
<p id = "tut2"><b>Java Tutorial</b></p>
<p id = "tut3"><b>C++ Tutorial</b></p>
<p id = "tut4"><b>C Tutorial</b></p>
</body>
</html>Das obige ist der detaillierte Inhalt vonDie Rolle von CSS: Zielselektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Apache-Start ist fehlgeschlagen
Verwendung der Memset-Funktion
So ändern Sie die Hosts-Datei
Einführung in die Hauptarbeitsinhalte des Backends
ASUS x402c
Was ist der Unterschied zwischen Ibatis und Mybatis?
So richten Sie Textfelder in HTML aus
Kosteneffizienzanalyse des Lernens von Python, Java und C++
