anderes Ordner Icon in Unterordner

    Firefox-Version
    100.0.2
    Betriebssystem
    Win 10

    Ich möchte für einen bestimmten Ordner namens Youtube das Ordnersymbol ändern.

    Mit

    CSS
    /*Ordner Youtube anderes Ordnericon*/
.bookmark-item[container][label="Youtube"] .toolbarbutton-icon
{list-style-image:none!important;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAADG0lEQVQoFQEQA+/8ATw8PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBP7+VubiFfr4GPj4BQD/AAAAAAAAAAAAAAAAAAAAAAAAAAAA5gcI/QEB6QcIqBsgBEPr5y7x7wAAAAAAAPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABb4+AAAABn39+8EBQIh9PL8AP/8AP/8AP/8AP/9BgUjlJgFIiL8AP/8AP/8AP/8AP/8AP/8AP/8AP8h9PICC/v7+wAA+wAA+wAA+wAA/QgIElRWLrzCEVJV+wAA+wAA+wAA+wAA+wAA+wAAC/v7AgP8/Pr/APr/APr/APr/APf+APj4+PoCAiGPkyCMkfwHCPr/APr/APr/APr/AAP8/AT9AAD9AAAAAAAAAAAAAAAAAP/29vYAAAAAAAANS00c/f3cdnIAAAAAAAAAAAAAAAAE+///AAAAAAAAAAAAAAAA//7/9vb2AAAAAAAA7+LiwpaVHP//AAAAAAAAAAAAAAAABPgAAAIAAAAAAAAAAAAAAP8A//j4+AAAANe4t8OHhCn6+PoBAQAAAAAAAAAAAP4AAATzAgQJ/fwAAAAAAAAAAAD//P728/O9i4nst7YsBAIDAAH6/wAAAAAAAAAAAAD3AwQBhRcTFPf2AAAAAAAAAAAA/QAAxvr8JQQDGAIBAAAAAAAAAAAAAAAAAAAAAAAA7AkKBOUMDRD39QAAAAAAAAAAAAAAADkGAwAAAPwA/wAAAAAAAAAAAAAAAAAAAAAAAOUMDQTUFxkH+/oO+PgAAAAS9/YAAAAAAAAAAAAAAAAAAAAAAADyBwf8AgMAAADoDQ7WFxoE/gIDyx4iAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB2btrZA08mqAAAAAElFTkSuQmCC")!important;}

    klappt das auch hervorragend in der userChrome.css WENN der Ordner in der Lesezeichen Symbolleiste ist. Ist er in einem Unterordner, dann klappt das nicht mehr.

    Was muss ich ändern, damit es auch im Unterordner klappt?

    Vielen Dank im voraus.

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

    • Hilfreichste Antwort
    Zitat von Zitronella

    damit es auch im Unterordner klappt?

    Teste bitte mal.

    CSS
    /*Ordner Youtube anderes Ordnericon*/
.bookmark-item[container][label="YouTube"] {
  list-style-image:none!important;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAADG0lEQVQoFQEQA+/8ATw8PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBP7+VubiFfr4GPj4BQD/AAAAAAAAAAAAAAAAAAAAAAAAAAAA5gcI/QEB6QcIqBsgBEPr5y7x7wAAAAAAAPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABb4+AAAABn39+8EBQIh9PL8AP/8AP/8AP/8AP/9BgUjlJgFIiL8AP/8AP/8AP/8AP/8AP/8AP/8AP8h9PICC/v7+wAA+wAA+wAA+wAA/QgIElRWLrzCEVJV+wAA+wAA+wAA+wAA+wAA+wAAC/v7AgP8/Pr/APr/APr/APr/APf+APj4+PoCAiGPkyCMkfwHCPr/APr/APr/APr/AAP8/AT9AAD9AAAAAAAAAAAAAAAAAP/29vYAAAAAAAANS00c/f3cdnIAAAAAAAAAAAAAAAAE+///AAAAAAAAAAAAAAAA//7/9vb2AAAAAAAA7+LiwpaVHP//AAAAAAAAAAAAAAAABPgAAAIAAAAAAAAAAAAAAP8A//j4+AAAANe4t8OHhCn6+PoBAQAAAAAAAAAAAP4AAATzAgQJ/fwAAAAAAAAAAAD//P728/O9i4nst7YsBAIDAAH6/wAAAAAAAAAAAAD3AwQBhRcTFPf2AAAAAAAAAAAA/QAAxvr8JQQDGAIBAAAAAAAAAAAAAAAAAAAAAAAA7AkKBOUMDRD39QAAAAAAAAAAAAAAADkGAwAAAPwA/wAAAAAAAAAAAAAAAAAAAAAAAOUMDQTUFxkH+/oO+PgAAAAS9/YAAAAAAAAAAAAAAAAAAAAAAADyBwf8AgMAAADoDQ7WFxoE/gIDyx4iAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB2btrZA08mqAAAAAElFTkSuQmCC")!important;
  background-repeat: no-repeat !important;
  background-position: 8px 12px !important;
}

    Ah sorry, es muss wirklich Youtube heißen und nicht YouTube. Also kleiner Flüchtigkeitsfehler. Es funktioniert. Danke.

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Zitronella 28. Mai 2022 um 19:12

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.

    du meinst statt

    .bookmark-item[container][label="YouTube"] {

    zu

    toolbarbutton.bookmark-item > menupopup > menu[label="Youtube"] {

    kann ich machen, aber welches Popup meinst du und an welcher anderen Stelle sollte das stören?

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

    Firefox ist case-sensitive, ist mir früher schon mal aufgefallen.

    Zu letzter Frage - wenn du mehr als einen Ordner namens "Youtube" haben solltest.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

    Zitat von .DeJaVu

    Firefox ist case-sensitive, ist mir früher schon mal aufgefallen.

    Naja, Firefox hat damit wenig zu tun. T und t sind halt unterschiedliche Zeichen und es wird nach einer exakten Übereinstimmung gesucht. Da verhält sich jeder Browser gleich. ;) Möchte man die Groß-/Kleinschreibung ignorieren, kann ein entsprechendes Flag gesetzt werden:

    CSS
    menu[label="YouTube" i]

    Das i steht für case insensitive. Damit ist dann egal, ob die einzelnen Zeichen groß oder klein sind.

    Auch nicht schlecht. :thumbup:

    Also ziemlich deutlich wurde es bei userchrome -> userChrome, das war eine ganze Zeit lang egal.

    Mir ist es dann irgendwann bei den Elementen aufgefallen, die musste ich genau so schreiben, wie Firefox es anzeigte im Inspector.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

    Zitat von .DeJaVu

    Also ziemlich deutlich wurde es bei userchrome -> userChrome, das war eine ganze Zeit lang egal.

    Ob die Groß-/Kleinschreibung in Dateinamen eine Rolle spielt, hängt vom verwendeten Dateisystem respektive Betriebssystem ab. Eigentlich würde es nur vom Dateisystem abhängen, aber unter Windows wird üblicherweise NTFS verwendet und NTFS legt eigentlich durchaus Wert darauf. Aber Windows überschreibt das Verhalten von NTFS, vermutlich aus Kompatibilität zum früheren Dateisystem FAT32, bei dem es egal war.

    Zitat von .DeJaVu

    Mir ist es dann irgendwann bei den Elementen aufgefallen, die musste ich genau so schreiben, wie Firefox es anzeigte im Inspector.

    Bei CSS-Selectoren ist die Groß-/Kleinschreibung fast immer wichtig (im Gegensatz zu den CSS-Eigenschaften und deren Werten). Fast immer, weil der Name eines Attribut-Selektors eine Ausnahme darstellt. Aber bevor man sich das merkt, befolgt man besser immer die korrekte Schreibweise.