


Wie gestalte ich einen Pfeilindikator für ausgewählte und schwebende Listenelemente?
Oct 28, 2024 pm 07:01 PMGestaltung einer Pfeilanzeige mit kombiniertem :after und :hover
Sie möchten :after mit :hover kombinieren, um eine Pfeilanzeige für zu erstellen ein Listenelement. Wenn ein Element ausgewählt oder mit der Maus darüber bewegt wird, sollte dieser Pfeil erscheinen.
In Ihrem bereitgestellten Code haben Sie die Pfeilanzeige für ausgewählte Elemente mithilfe von :after korrekt formatiert. Um den gleichen Stil auf schwebende Elemente anzuwenden, hängen Sie einfach :after an den :hover-Selektor an.
Hier ist das aktualisierte CSS:
<code class="css">#alertlist li.selected:after, #alertlist li:hover:after { position: absolute; top: 0; right: -10px; bottom: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: ""; }</code>
Dieser geänderte Code stellt sicher, dass die Pfeilanzeige beide angezeigt wird für ausgewählte und schwebende Listenelemente, wie vorgesehen.
Das obige ist der detaillierte Inhalt vonWie gestalte ich einen Pfeilindikator für ausgewählte und schwebende Listenelemente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -Elementen

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms Framework

Erstellen Sie einen Inline -Texteditor mit dem inhaltlichen Attribut

Machen Sie Ihren ersten Seltsamen -Sufle -Übergang

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)

Datei hochladen mit Multer in node.js und ausdrücken
