Microsoft/vscode

[css] Wrong selector hover when using :has()

Open

#191.897 geöffnet am 31. Aug. 2023

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (1 zugewiesene Person)TypeScript (10.221 Forks)batch import
bugcss-less-scsshelp wanted

Repository-Metriken

Stars
 (74.848 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 11h 43m) (1.000 gemergte PRs in 30 T)

Beschreibung

Type: Bug

Set language to CSS.

Put this code:

article:has(.alert) {
	color: crimson;
}

Hover over article:has(.alert).

This dialog shows a wrong HTML example:

<article :has>

Instead, it could be:

<article>
  <div class="alert"></div>
</article>

VS Code version: Code 1.80.1 (74f6148eb9ea00507ec113ec51c489d6ffb4b771, 2023-07-12T17:20:58.115Z) OS version: Darwin arm64 21.6.0 Modes: Restricted

Contributor Guide

Research-Richtung
Untersuche den CSS Hover Anbieter in VS Code, um zu verstehen, warum die Pseudoklasse `:has()` falsch geparst wird, und schlage eine Korrektur vor.
Tech Stack
css
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Git
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75