--- title: "Kann Whatfix den CSS Selektor eines Elements erfassen?" slug: "how-to-find-the-css-selector-of-an-element-using-whatfix-editor" updated: 2026-05-07T00:47:33Z published: 2026-05-29T04:29:38Z canonical: "support.whatfix.com/how-to-find-the-css-selector-of-an-element-using-whatfix-editor" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.whatfix.com/llms.txt > Use this file to discover all available pages before exploring further. # Kann Whatfix den CSS Selektor eines Elements erfassen? Ja, Whatfix erfasst den CSS-Selektor eines Elements mit Whatfix Studio in zwei Szenarien: - Beim Hinzufügen einer Branching Regel zu einem Flowschritt. - Beim Hinzufügen einer Display Rule zum Inhalt. Verwenden Sie die folgenden Schritte, um den CSS-Selektor mit Whatfix Studio zu erfassen: CSS-Selektor während des Branching aufnehmen 1. Starten Sie das Whatfix Studio, erstelle einen Flow, und klicken Sie dann auf das **Branching** Symbol. ![clm_branching icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching%20icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) Info Weitere Informationen finden Sie unter [Ein Branch zu einem Flow hinzufügen](/studio/docs/de/adding-a-branch-to-a-flow) 2. Klicken Sie **Branch erstellen**. ![clm_branching revamp_create branch](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching%20revamp_create%20branch.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 3. Klicken Sie unter **Branching-Bedingungen** auf **Regel hinzufügen**. ![clm_branching_add rule(1)](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_add%20rule%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 4. Wählen Sie **Aktion Element ist** Regel mit der Dropdown-Liste aus. ![clm_branching_action element is](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_action%20element%20is.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 5. Wählen Sie die Option **Element auswählen** aus der Dropdown-Liste anstelle von **CSS Selector**. ![clm_branching_select element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_select%20element.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 6. Klicken Sie **Auswählen**. ![clm_branching_select button](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_select%20button.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 7. Klicken Sie auf das Element, für das Sie einen CSS-Selektor in der UI der Anwendung suchen möchten. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CSS%20selector.gif?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) --- Note - Whatfix erfasst den CSS-Selektor des Elements automatisch. - Um das ausgewählte Element zu verifizieren, klicken Sie auf das **Ansehen** Symbol. ![clm_branching_view icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_branching_view%20icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) CSS-Auswahl beim Konfigurieren der Display Rules aufnehmen 1. Sobald Sie Whatfix Studio gestartet haben, erstellen Sie den Inhalt und gehen dann zu den **ERWEITERTE OPTIONEN** Abschnitt. ![clm_css_advanced options](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_css_advanced%20options.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 2. Erweitern Sie das Dropdown **Display Rules** und klicken Sie dann **Regel hinzufügen**. ![clm_css_add rule](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_css_add%20rule.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 3. Wählen Sie die **Andere Element auf Seite** Option aus dem Dropdown-Menü. ![clm_css_other elements on page](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_css_other%20elements%20on%20page.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 4. Wählen Sie die Option **Element auswählen** aus der Dropdown-Liste anstelle von **CSS Selector**. ![clm_css_select element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_css_select%20element.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) Info Weitere Informationen finden Sie unter [Anderes Element Ist Zustand als Visibility Rule](/studio/docs/de/other-element-is-condition-rule). 5. Klicken Sie **Auswählen**. ![clm_css_select button](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_css_select%20button.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) 6. Klicken Sie auf das Element, für das Sie einen CSS Selektor im UI der Anwendung finden möchten. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CSS%20selector%20display%20rules.gif?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D) --- Note - Whatfix erfasst den CSS-Selektor des Elements automatisch. - Um das ausgewählte Element zu überprüfen, klicken Sie auf das **Ansehen** Symbol. ![clm_css_view icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_css_view%20icon.png?sv=2026-02-06&spr=https&st=2026-10-29T04%3A42%3A19Z&se=2026-10-29T05%3A42%3A19Z&sr=c&sp=r&sig=A6eGzCzP4hGN3httC7MtNns2TptCdGV8tRZls95I5v4%3D)