css code -chrome- -firefox- -edge- unterschieldlich ?

    Joomla Version
    5
    PHP Version
    PHP 8.2.x
    Hoster
    lokal

    Moin,
    ich habe die Farbe für Links in der user.css geändert. (Cassiopeia)
    Es soll gelb und dann grün werden.

    CSS
    a:link, a:visited {color: #FFFB67!important;font-weight: bold;text-decoration: none;}
a:hover {color: #AEE664!important;transition: all 0.3s ease 0s;}

    Im Google Chrome und im Edge habe ich nicht das gewünschte Ergebnis

    Im Firefox aber schon.

    Seitencache habe ich schon geleert.
    Mache ich was falsch ?

    Skatingcenter.de – Bilder
    uwet.dnshome.de

    Ach, ich habe Teile vom Code vergessen...

    CSS
    .grid-child.container-component {
a:link, a:visited {color: #FFFB67!important;font-weight: bold;text-decoration: none;} 
a:hover {color: #AEE664!important;transition: all 0.3s ease 0s;}
}

    Soweit ich das sehe, hast Fehler in der CSS-Datei user.css


    CSS
    .grid-child.container-component {
font-family: "Montserrat", sans-serif;font-size: 1em;font-weight: 500;line-height:1.5em;margin: 1.5em 0 0 0;padding: 2em;color: #FFFFFF;background-color:#333333f5;border-radius: 10px;
a:link, a:visited {color: #FFFB67!important;font-weight: bold;text-decoration: none;} 
a:hover {color: #AEE664!important;transition: all 0.3s ease 0s;}
}

    Das a:link usw. und a:hover usw. befinden sich innerhalb der geschweiften Klammer von

    Code
    .grid-child.container-component


    EDIT: Warum das dem Firefox egal ist, weiß ich aber auch nicht. Vielleicht plant man so Verschachtelungen als erlaubt und Firefox hat das Feature schon drinnen.

    EDIT2: Ja, ist so und Chromium-basierte Browser haben da noch Einschränkungen bzw. Bugs (im Volksmund): https://caniuse.com/css-nesting