CSS: Vollständige Liste für [Eigenschaften] eines [Objekts]

FireBug

Hallo community,

Betrifft: userchrome.css

Gibt es eigentlich irgendwo eine vollständige Liste über die EIgenschaften, die man bezüglich eines [Objekts] mit CSS ansprechen kann?

Also zB eine Liste:

Code

Zum [OBJEKT  #identity-box] kann man folgende [Eigenschaften] mit CSS "ansprechen":
- .mixedDisplayContent
- .mixedDisplayContentLoadedActiveBlocked
- .weakCipher
- .... ??? ....

Code

Zum [OBJEKT #urlbar] kann man folgende [Eigenschaften] mit CSS "ansprechen":
- [pageproxystate='valid']
- ... ??? ....

Wo findet man so etwas?

(Es müßte sich vermutlich sogar auf die Fx-Version beziehen....)

Ad-hoc konnte ich bei meiner Google-Suche dazu nichts passendes finden.

2002Andreas

Zitat von FireBug

Also zB eine Liste:

Ist mir zumindest nicht bekannt.

Ändern kannst du doch fast alles.

Zitat von FireBug

Wo findet man so etwas?

Über die Browser-Werkzeuge findest du die jeweiligen Bezeichnungen.

Sören Hentzschel

Hallo,

damit das nicht verwirrend wird, sollten zunächst ein paar Bezeichnungen geklärt werden. Das, was als Objekt bezeichnet wurde, ist ein Element mit einer ID. Was du dann als Eigenschaften bezeichnest, sind Klassen dieses Elements beziehungsweise im zweiten Abschnitt Attribute eines Elements. Das Wort Eigenschaft bedeutet in Bezug auf CSS etwas anderes. Eigenschaften sind z.B. color für Textfarbe oder font-size für die Schriftgröße.

Und nein, es gibt keine Liste mit allen Klassen und Attributen, die jedes Element annehmen kann. Eine solche Liste wäre realistisch betrachtet nicht wartbar und sehr schnell veraltet.

FireBug

Zitat von 2002Andreas

Über die Browser-Werkzeuge findest du die jeweiligen Bezeichnungen.

Danke für die schnelle Antwort.

Tja da reicht mein Fachwissen leider nicht, wo genau man das findet. Die [Werkzeuge für Entwickler] sind sehr mächtig und leider überhaupt nicht selbsterklärend. Unter dem Sub-Reiter [Debugging] konnte ich leider nichts finden

v.a. bezieht sich daß dann auf eine konkrete Homepage, (zB https://untrusted-root.badssl.com/) oder [alle möglichen Eigenschaften]?

Ich suche [alle möglichen Eigenschaften]...

2002Andreas

Zitat von FireBug

wo genau man das findet.

Hier gibt es eine Beschreibung dazu:

Beitrag

Anleitung zur Nutzung des Inspektors und der Stilbearbeitung aus den Entwicklerwerkzeugen

Firefox enthält eine ganze Reihe von Entwicklerwerkzeugen (englisch: developer tools), mit denen man HTML, CSS, JavaScript auf Webseiten und der Firefox-Benutzeroberfläche untersuchen, bearbeiten und nach Fehlern durchsuchen kann und in erster Linie für Webentwickler gedacht sind. Es gibt folgende Entwicklerwerkzeuge:

- Inspektor

- Konsole

- Debugger

- Netzwerkanalyse

- Stilbearbeitung

- Laufzeitanalyse (nur für Webseiten)

- Speicher

- Web-Speicher

- Barrierefreiheit

Dieser Beitrag beschränkt sich…

milupo

15. Februar 2020 um 15:48

FireBug

Danke. Das les mir mal später durch, da sehr umfangreich. Den Link hab ich mir gespeichert.

Meine Hoffnung war nur, daß man hier zB in einem Mozilla-Repository (oder Ähnliches) solch eine Liste im Internet findet...

Trotzdem danke für die Antwort..

2002Andreas

Zitat von FireBug

Den Link hab ich mir gespeichert.

Der ist oben im Unterforum: Anpassungen angepinnt

Sören Hentzschel

Zitat von FireBug

Unter dem Sum-Reiter [Debugging] konnte ich leider nichts finden

Natürlich nicht. Das ist ja auch etwas völlig anderes. Für das DOM (Struktur der Elemente) und CSS ist das Inspektor-Werkzeug relevant.

Zitat von FireBug

Ich suche [alle möglichen Eigenschaften]...

Nochmal: Nach dem, was du beschrieben hast, suchst du keine Eigenschaften, sondern mögliche Klassen und Attribute für alle Elemente. Und eine solche Liste, wie du sie suchst, existiert nicht. Du musst dir über das Inspektor-Werkzeug im jeweiligen Fall die Elemente ansehen.

2002Andreas

Zitat von FireBug

Wo findet man so etwas?

Z.B. so:

milupo

Zitat von FireBug

Tja da reicht mein Fachwissen leider nicht, wo genau man das findet. Die [Werkzeuge für Entwickler] sind sehr mächtig und leider überhaupt nicht selbsterklärend.

Das ist nur ein Fenster und du arbeitest dann in der Hauptsache mit dem Reiter Inspektor. In den Inhalt einer Liste müsstest du dich auch erst einarbeiten und du hast dann alles Mögliche aufgelistet. Wenn das alles noch erklärt werden würde, wirst du erst recht von dem umfangreichen Inhalt „erschlagen“. Mit dem Inspektor kannst du punktgenau auf die Benutzeroberfläche oder eine Webseite zugreifen. Natürlich musst du dich auch da einarbeiten, aber du lernst dann durch praktische Erfahrung. Du kannst nicht jedes Mal eine riesige Liste durchforsten, wenn du CSS-Code brauchst.

Horstmann

Zitat von FireBug

Meine Hoffnung war nur, daß man hier zB in einem Mozilla-Repository (oder Ähnliches) solch eine Liste im Internet findet...

Die Browser Werkzeuge liefern dir das quasi; wenn du die ersten Schritte mal geschafft hast, wird's schnell einfacher damit zurechtzukommen.
Ohne etwas Anfangsmühen geht's aber wohl kaum.

Zwei Seiten würde ich noch vorschlagen zur weiteren Verwendung: Searchfox und MDN.

Sören Hentzschel

Die Browserwerkzeuge liefern aber auch keine Liste, sondern bilden immer nur den gerade aktiven Zustand ab.