Selektoren sind Ausdrücke, mit denen du gezielt einzelne Elemente einer Webseite ansprechen kannst. Sie stammen ursprünglich aus CSS und werden dort verwendet um Elemente für die Gestaltung auszuwählen. Im Obsidian Web Clipper können Selektoren über {{selector:...}}-Variablen genutzt werden, um bestimmte Bereiche einer Webseite direkt in eine Notiz zu übertragen, ohne den gesamten Seiteninhalt zu clippen.
Ein Selektor kann auf verschiedene Arten von HTML-Elementen zeigen. Element-Selektoren sprechen HTML-Tags direkt an, also h1, p oder div. Klassen-Selektoren beginnen mit . und treffen alle Elemente mit einer bestimmten CSS-Klasse, also .author trifft auf <div class="author"> genauso wie auf <p class="author">. ID-Selektoren beginnen mit # und sprechen ein einzelnes Element mit einer bestimmten ID an, also #title trifft auf <h1 id="title">. Attribut-Selektoren stehen in eckigen Klammern und treffen Elemente mit einem bestimmten HTML-Attribut, wie [data-testid="actor"]. Selektoren lassen sich auch kombinieren, div.author trifft zum Beispiel nur auf <div>-Elemente mit der Klasse author, nicht auf ein <p class="author">.