CSS und Feld-ID

Guten Tag ins Forum,
in den Formularfeldern kann man unter dem Reiter "Layout" eine CSS-Klasse definieren.
In den Werkzeugen für Webentwickler/Webdeveloper wird jedoch keine hinzugefügte Klasse angezeigt.   
Es sind die 6 Accordion, welche ich mit CSS ansprechen möchte. Leider lauten alle Bezeichner gleich:
 .accordion-group.card
Gibt es etwas zu beachten, damit die Eingabe in dieses Feld akzeptiert wird? (außer speichern, natürlich)
Alternativ habe ich versucht mit der ID des Feldes anzusprechen (z. B.: #field62.accordion-group.card) Ohne Erfolg.

VG, Gisela

Konstellation:
PHP-Version 8.4.1, Astroid Framework 3.3.3, Bootstrap 5, Uikit 3

Hallo Gisela,

danke für die vielen Versions-Informationen.
Eine für mich wirklich wichtige fehlt leider.
Nämlich die von Visforms/Subscription.

Und welcher Feldtyp ist das auf dem Screenshot, ein Feldtrenner?

Viele Grüße,
Aicha

 

• Es ist Visforms Version 5.5.1, Subscription Version 5.5.1
• es ist ein Feld "pagebreak", Ausgabe als accordion
• ich möchte .accordion-group.card für einen Pagebreak gezielt anprechen, wie oben beschrieben.

VG Gisela

Hallo Gisela,

danke für die zusätzliche Information.

Sorry, das ist etwas irrefürhend.
Die Option zu CSS Klasse des Feldes wird nur ausgewertet, wenn 'mehrseitige Anzeige' gewählt ist.
Dann gibt es ein Feld, einen Button, also 1 klar definiertes HTML Element, dem man eine Klasse hinzufügen kann.

Ein Accordion besteht aus einer ganzen Reihe von beteiligten HTML Element, die sogar je nach UI Framework noch unterschiedlich sein können.
Hier lässt sich eine Feld-Klasse schlecht sinnvoll zuordnen.

Ich denke du musst dir mit einer css pseudo-Klasse wie :last-of-type behelfen.

etwa so (ID Selektor muss zu deinem Formular passen).

#form1accordion .accordion-heading:last-of-type

Das würde die letzte div.accordion-heading in der div#form1accordion selektieren.

Liebe Grüße,
Aicha