


So wählen Sie das „Letzte Kind“ mit einem bestimmten Klassennamen in CSS aus
Bei der Arbeit mit CSS-Selektoren besteht die Aufgabe des Targetings aus Manchmal kann das letzte untergeordnete Element eines Elements mit einer bestimmten Klasse entstehen. Betrachten Sie den folgenden HTML-Code:
- test1
- test2
- test3
- test4
Unser Ziel ist es, einen Stil auf das letzte untergeordnete Element von
Um dieses Problem zu lösen, können wir Attributselektoren nutzen. So geht's:
[class~='list']:last-of-type { background: #000; }
In diesem Selektor:
- [class~='list'] zielt auf alle Elemente ab, deren Klassenattribut die Zeichenfolge „list“ als ganzes Wort enthält. Dies ermöglicht mehrere Klassen mit „list“ an beliebiger Stelle in der Zeichenfolge, unabhängig von der Reihenfolge.
- :last-of-type wählt die letzte Übereinstimmung des vorherigen Selektors innerhalb seines Typs aus. In diesem Fall zielt es auf das letzte
- Element mit der Klasse „list“.
Durch die Kombination dieser Selektoren können wir das letzte untergeordnete Element der angegebenen Klasse effektiv gestalten. Eine ausführliche, praktische Demonstration finden Sie unter http://codepen.io/chasebank/pen/ZYyeab.
Weitere Informationen zu Attributselektoren finden Sie im Folgenden Ressourcen:
- http://css-tricks.com/attribute-selectors/
- http://www.w3schools.com/css/css_attribute_selectors.asp
Das obige ist der detaillierte Inhalt vonWie formatiere ich das letzte untergeordnete Element mithilfe von CSS mit einem bestimmten Klassennamen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Ich habe diese Frage neulich bekommen. Mein erster Gedanke ist: seltsame Frage! Bei der Spezifität geht es um Selektoren, und Rules sind keine Selektoren, also ... irrelevant?

Ja, Sie können, und es ist nicht wirklich wichtig in welcher Reihenfolge. Ein CSS -Präprozessor ist nicht erforderlich. Es funktioniert in regulären CSS.

Sie sollten auf jeden Fall weitausgestellte Cache-Header auf Ihren Vermögenswerten wie CSS und JavaScript (und Bilder und Schriftarten und was auch immer) festlegen. Das sagt dem Browser

Viele Entwickler schreiben darüber, wie sie eine CSS -Codebasis pflegen können, aber nicht viele von ihnen schreiben darüber, wie sie die Qualität dieser Codebasis messen. Sicher, wir haben

Haben Sie jemals ein Formular gehabt, das ein kurzes, willkürliches Stück Text akzeptieren musste? Wie ein Name oder was auch immer. Das ist genau das, wofür es ist. Es gibt viele

Ich bin so aufgeregt, nach Zürich, der Schweiz, zur Frontkonferenz zu gehen (liebe diesen Namen und diese URL!). Ich war noch nie in der Schweiz, also bin ich aufgeregt

Eine meiner Lieblingsentwicklungen in der Softwareentwicklung war das Aufkommen von Serverless. Als Entwickler, der die Tendenz hat, sich in den Details festzuhalten

In diesem Beitrag werden wir eine E -Commerce -Store -Demo verwenden, die ich für Netlify erstellt und bereitgestellt habe, um zu zeigen, wie wir dynamische Routen für eingehende Daten erstellen können. Es ist fair


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

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