Angrenzende Selektoren zum typografischen Feintuning

von

In diesem interessanten Artikel über den Absatz in der Webtypografie bin ich auf eine Möglichkeit der Css-Gestaltung gestoßen, die mir bis dahin unbekannt war. „Adjacent sibling selectors“ nennt die Spezifikation den Trick, einen Selektor, der unmittelbar auf einen anderen bestimmten Selektor folgt, zu bezeichnen.

h1 + h2 { margin-top: -5px; }

Diese Kombination bewirkt zum Beispiel, daß eine h2-Überschrift, die auf eine h1-Überschrift folgt, 5 Pixel „ranrutscht“. Großartige typografische Möglichkeiten tun sich da auf!

Kommentieren