In der Vergangenheit musste ich oft herausfinden, wie ich Stile auf alle Elemente innerhalb eines Containers anwenden kann, aber nicht auf das Element, über das gerade die Maus fährt.
Demo des erwarteten „Ausblend“-Effekts auf Geschwisterelemente, um Benutzern zu ermöglichen, sich auf ein bestimmtes Element zu „konzentrieren“...Louis Lazaris erklärt einige echte CSS-Tricks von Jane. Der Pen zeigt Interaktivität, bei der
Von dort erscheint eine spezielle Nachricht …
/* Only show invalid ring while not focused */
input:not(:focus):not(:placeholder-shown):invalid {
border-color: var(--color-invalid);
}
input:not(:focus):not(:placeholder-shown):invalid ~ .error-message {
display: block;
}
/* Only show valid ring while not focused and if a value is entered */
/* :empty won't work 
In den Nachrichten dieser Woche befasst sich Chrome mit Fokusringen, wir lernen, wie man "Donut"-Scope erhält, die globale Datenschutzsteuerung erhält die Unterstützung großer Namen, es ist Zeit, Pixel in Media Queries zu verbannen, und ein Snippet, das störendes Formularvalidierungsstyling verhindert.…
Hallo, wir sind zurück mit wöchentlichen Updates über die Browserlandschaft von Šime Vidas.
Im dieswöchigen Update kann die CSS-:not-Pseudoklasse komplexe Selektoren akzeptieren, wie man sanftes Scrollen deaktiviert, wenn man „Auf Seite suchen…“ in Chrome verwendet, Safaris …
Sagen wir, Sie möchten ein Element auswählen, wenn es eine bestimmte Klasse nicht hat. Dafür ist der :not()-Selektor da.
body:not(.home) {
}Aber was ist, wenn es mehrere Klassen gibt, die Sie vermeiden möchten?…
CSS ist so konzipiert, dass neue Funktionen relativ nahtlos hinzugefügt werden können. Seit den Anfängen der Sprache verlangen Spezifikationen, dass Browser alle Eigenschaften, Werte, Selektoren oder at-rules, die sie nicht unterstützen, korrekt ignorieren. Folglich, in …
Die :not()-Eigenschaft in CSS ist eine Negations-Pseudoklasse und akzeptiert als Argument einen einfachen Selektor oder eine Selektorliste. Sie passt auf ein Element, das nicht durch das Argument dargestellt wird. Das übergebene Argument darf keine zusätzlichen … enthalten.
