CSS-Almanach 2025, April
Mit dem Selektor #id können Sie ein Element als Ziel festlegen, indem Sie auf das HTML-Attribut id verweisen. Ähnlich wie Klassenattribute in CSS mit einem "Punkt" gekennzeichnet werden "
Mit dem Selektor: ungültig können Sie Elemente auswählen, die keinen gültigen Inhalt enthalten, wie durch das Typattribut bestimmt. : ungültig ist im CSS definiert "
Der allgemeine Geschwisterkombinator (~) in CSS sieht in der Verwendung folgendermaßen aus: .featured-image ~ p (Schriftgröße: 90%;) In diesem Beispiel würden Sie alle auswählen. "
Die Pseudoklasse: focus in CSS wird zum Stylen eines Elements verwendet, das derzeit von der Tastatur als Ziel ausgewählt oder von der Maus aktiviert wird. Hier ist ein Beispiel:"
Der: Fokus-in-Pseudo-Selektor in CSS ist etwas ungewöhnlich, obwohl er gut benannt und ziemlich intuitiv ist. Es wählt ein Element aus, wenn dieses Element "
Mit dem Selektor: first-of-type in CSS können Sie das erste Auftreten eines Elements in seinem Container festlegen. Es ist in der CSS Selectors Level 3 "definiert
Die Pseudoklasse: hover in CSS wählt Elemente aus, wenn der Mauszeiger über ihnen aktuell ist. Es ist häufig mit Link () verbunden "
Das Pseudoelement :: first-line dient zum Anwenden von Stilen auf die erste Zeile eines Elements. Stellen Sie sich einen mehrzeiligen Absatz vor (wie diesen!). "
Mit der Auswahl: first-child können Sie das erste Element direkt in einem anderen Element anvisieren. Es ist in der CSS Selectors Level 3-Spezifikation als "
:: first-letter ist ein Pseudoelement, mit dem Sie den ersten Buchstaben in einem Element formatieren können, ohne zuerst ein -Tag um dieses Element kleben zu müssen. "
Der: leere Pseudo-Selektor wählt Elemente aus, die entweder nichts oder nur einen HTML-Kommentar enthalten. div: leer (Anzeige: keine;) Stimmt überein "
Ein untergeordneter Kombinator in CSS ist das Symbol "größer als". Es sieht folgendermaßen aus: ol> li (Farbe: rot;) Es bedeutet "Elemente auswählen, die direkte Nachkommen sind".
Die Pseudoklasse: enabled in CSS wählt fokussierbare Elemente aus, die nicht deaktiviert und daher aktiviert sind. Es ist nur Formularelementen zugeordnet "
Ein Klassenselektor in CSS beginnt mit einem Punkt (.) Wie folgt: .class () Ein Klassenselektor wählt alle Elemente mit einem passenden Klassenattribut aus. Zum Beispiel,"
Die Pseudoklasse: dir () in CSS ermöglicht die Auswahl von Elementen basierend auf der Richtung der Sprache, wie im HTML-Markup festgelegt. Es gibt wirklich "
Der Pseudo-Klassen-Selektor: disabled bietet HTML-Elementen, die Benutzereingaben erhalten können, ein bedingtes Styling, wenn die Elemente deaktiviert sind. "
Ein Nachkommen-Selektor in CSS ist ein beliebiger Selektor mit Leerraum zwischen zwei Selektoren ohne Kombinator. Hier einige Beispiele: ul li () header h2 () "
Der: Standard-Pseudo-Selektor entspricht dem Standard in einer Gruppe zugeordneter Elemente, z. B. dem Optionsfeld in einer Gruppe von Schaltflächen, die durch "
Die: geprüfte Pseudoklasse in CSS wählt Elemente aus, wenn sie sich im ausgewählten Zustand befinden. Es ist nur input () -Elementen vom Typ radio und "zugeordnet
Die: leere Pseudoklasse baut auf der: leeren Pseudoklasse auf. Wie: leer ,: leer wählt Elemente aus, die überhaupt nichts oder nur einen HTML-Code enthalten. "
Es gibt viele Möglichkeiten, Elemente in CSS auszuwählen. Die grundlegendste Auswahl erfolgt nach Tag-Namen wie p (). Fast alles Spezifischere als ein Tag "
Mit den Pseudoelementen :: before und :: after in CSS können Sie Inhalte auf einer Seite einfügen, ohne dass diese im HTML-Code enthalten sein müssen. Während das Endergebnis nicht "
Div (z-index: 1; / * integer * /) Die Eigenschaft z-index in CSS steuert die vertikale Stapelreihenfolge von Elementen, die sich überlappen. Wie in, welches erscheint als "
Die Pseudoklasse: any-link in CSS bietet eine Methode zum Auswählen von Elementen, die der Quellanker eines Hyperlinks sind. Wenn der Begriff Quellanker Sie verloren hat, "
Der Pseudo-Selektor: active ändert das Erscheinungsbild eines Links, während er aktiviert wird (angeklickt oder anderweitig aktiviert). Es wird normalerweise nur gesehen "
Der benachbarte Geschwisterkombinator in CSS ist kein eigenständiger Selektor, sondern eine Möglichkeit, zwei Selektoren zu kombinieren. Zum Beispiel: p + p (Rand: 0;) Das Pluszeichen "
Die width-Eigenschaft in CSS gibt die Breite des Inhaltsbereichs des Elements an. Dieser "Inhalts" -Bereich ist der Teil innerhalb der Polsterung, des Rahmens und des Randes von "
Die Leerraum-Eigenschaft steuert, wie Text auf das Element angewendet wird, auf das er angewendet wird. Angenommen, Sie haben HTML genau so: Eine Reihe von Wörtern, die Sie "
Mit der Zoom-Eigenschaft in CSS können Sie Ihren Inhalt skalieren. Es ist kein Standard und wurde ursprünglich nur in Internet Explorer implementiert. Obwohl mehrere "
Die Wortabstandseigenschaft ähnelt dem Buchstabenabstand, obwohl ihre Verwendung natürlich den Abstand zwischen den Wörtern in einem Textstück bestimmt, nicht den "