: Has ist ein unversöhnlicher Selektor

Eine kleine Episode ereignete sich beim Veröffentlichen des CSS :has() -Alektor für das Jahrbuch. Ich habe zunächst :has() als "vergebende" Selektor bezeichnet, was bedeutet, dass alles in seinen Parametern bewertet wird, auch wenn ein oder mehrere der Elemente ungültig sind.

/* 示例：请勿使用！*/
article:has(h2, ul, ::-scoobydoo) { }

Hast du ::-scoobydoo gesehen? Dies ist völlig ungültig. Eine verzeihende Auswahlliste ignoriert den ungültigen Selektor und bewertet den Rest der Elemente wie folgt weiter:

article:has(h2, ul) { }

im Entwurf vor dem 7. Mai 2022 ist :has() tatsächlich ein toleranter Selektor. Nachdem ein Problem gemeldet wurde, änderten sich die Dinge, was besagt, dass seine Toleranz Nature, wenn :has() komplexe Selektoren (z. B. header h2 p) enthält, mit JQuery in Konflikte mit JQuery. W3C hat vor einigen Wochen eine Lösung gefunden, die als "Nichtvergünstigungs" formuliert werden soll. :has()

und :is() bleiben gleich. :where()

und :is() vergeblich sind, auch wenn :where() nicht ist. Dies bedeutet :has() :has(), die Sie verwenden, kann wichtig sein, da die Spezifität von

article:has(:where(h2, ul, ::-scoobydoo)) { }

:is() :where() Wir haben einige Beiträge aktualisiert, um die neuesten Informationen widerzuspiegeln. Ich habe viele andere Dinge gesehen, die in freier Wildbahn aktualisiert werden müssen. Dies ist also eine kleine Ankündigung für öffentliche Dienstleistungen für alle, die dasselbe tun müssen.

Das obige ist der detaillierte Inhalt von: Has ist ein unversöhnlicher Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!