Artikel mit Schlagwort

:where(ul, li, menu) {
  list-style: "";
}

Der "korrektere" Ansatz besteht darin, list-style auf none zu setzen, aber das hat die latente Konsequenz, dass Safari das Element semantisch nicht mehr als richtige Liste erkennt. Wir könnten das beheben …

Ich habe „Creative List Styling“ im web.dev-Blog von Google gelesen und etwas Seltsames in einem der Codebeispiele im Abschnitt ::marker des Artikels bemerkt. Die integrierten Listenmarker sind Aufzählungszeichen, Ordnungszahlen und Buchstaben. Das ::marker-Pseudoelement ...

HTML-Listen sind langweilig. Sie tun nicht viel, deshalb denken wir nicht wirklich darüber nach, obwohl sie weit verbreitet sind. Und wir können immer noch die gleichen Dinge tun, um sie anzupassen, wie z. B. Marker entfernen, umkehren...

Anfang dieses Jahres habe ich einen E-Book mit dem Titel Understanding JavaScript Promises (kostenlos zum Download) selbst veröffentlicht. Obwohl ich keine Absicht hatte, es in ein gedrucktes Buch zu verwandeln, meldeten sich genügend Leute, die nach einer gedruckten Version fragten, dass …

Ein echter CSS-Trick, wenn es je einen gab! @ShadowShahriar hat eine CodePen-Demo erstellt, die Pseudo-Elemente verwendet, um Kommas zwischen Listenelementen zu platzieren, die inline angezeigt werden, und das Ergebnis ist ein natürlich aussehender vollständiger Satz mit korrekter Interpunktion...

Listen - wir haben alle auf die eine oder andere Weise mit ihnen gearbeitet. Ich spreche von HTMLs <ol> und <ul>. Oft schalten wir die Marker der Liste vollständig aus, weil wir Styling-Kontrolle wünschen, mit list-style-type: none, und beginnen …

Ich habe diese Woche bei Sentry ein wenig Refactoring betrieben und festgestellt, dass wir keine generische Listenkomponente hatten, die wir projekt- und funktionsübergreifend verwenden konnten. Also habe ich eine begonnen, aber hier ist der Haken: Wir stylen ...

Ich brauchte eine nummerierte Liste von Blogbeiträgen, die mit der letzten/höchsten zuerst und von dort abwärts aufgelistet wird. So

5. Post Title
4. Post Title
3. Post Title
2. Post Title
1. Post Title

Aber das obige …

Ich tat es auf jeden Fall nicht! Tomek Sułkowsi zeigt, wie wir die Nummerierung von geordneten Listen mit einem einfachen HTML-Attribut umkehren können: …