• Gelöst wptestit

    (@wptestit)


    Hallo,

    ich habe mittels Custom CSS Menüfarben in einem Theme geändert.

    .ui.menu .ui.dropdown .menu>.item {
    }
    
    .ui.menu .dropdown.item .menu {
        background: #e80505 !important;
    }

    Die Farbe #e80505 soll als Hintergrundfarbe gesetzt werden.

    Erstaunlicherweise funktioniert dies aber nur (darauf kam ich mehr oder weniger per Zufall), wenn auch die erste „leere“ Anweisung (.ui.menu .ui.dropdown .menu>.item) in style.css enthalten ist (geht auch, wenn nicht leer!).

    Hat jemand eine Idee, warum das so ist?

    Danke und viele Grüße
    wptestit

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)
  • CSS-Frage in einem WordPress-Forum? Fällt dir was auf?

    Ich glaube eher, du machst da was falsch, kann mir nicht vorstellen, warum man den leeren Eintrag dafür braucht.

    Thread-Starter wptestit

    (@wptestit)

    Da gibt es nicht viel falsch zu machen!

    Die Deklaration

    .ui.menu .dropdown.item .menu {
        background: #e80505 !important;
    }

    greift nur (gewünschte Farbänderung), wenn auch eine Deklaration

    .ui.menu .ui.dropdown .menu>.item {

    }

    im style.css des Child-Themes untergebracht wird.

    Viele Grüße
    wptestit

    Da du keine URL eingetragen hast und wir uns das somit nicht ansehen können, wird dir keiner helfen können. Und wie schon gesagt, das gehört eigentlich in ein CSS-Forum.

    Thread-Starter wptestit

    (@wptestit)

    CSS-Frage in einem WordPress-Forum? Fällt dir was auf?

    Ich glaube eher, du machst da was falsch, kann mir nicht vorstellen, warum man den leeren Eintrag dafür braucht.

    Ja, mir fällt auf, dass die genannten Deklarationen in meiner WORDPRESS-Installation nicht funktionieren, während ein einfacher Test unabhängig von WordPress auch ohne die erste Deklaration zum gewünschten Ergebnis führt.

    Viele Grüße
    wptestit

    • Diese Antwort wurde vor 4 Jahren, 11 Monaten von wptestit geändert.
    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Auch von meiner Seite nochmal der Hinweis, dass wir gerne bei Anwendungs-Fragen zu WordPress helfen (etwa: wo kann ich eigene CSS-Regeln unterbringen?), aber keine Gurndlagen in PHP, HTML, CSS und JavaScript vermitteln können, weil es einfach den Rahmen unseres kostenlosen Support sprengen würde. Selbst wenn du WordPress verwendest und eine Frage zu CSS hast, bleibt das vor allem eine Frage zu CSS.

    Wenn wir trotzdem zwischendurch immer wieder einmal mit CSS-Regeln aushelfen, weil es für die aktiv Teilnehmenden zum Tagesgeschäft gehört und manchmal Lösungen naheliegend sind, erwächst daraus bitte kein Anspruch, dass wir hier irgendwelche Themen behandeln müssen.

    Nun zur Frage:

    eine CSS-Regel .ui.menu .ui.dropdown .menu>.item {} bedeutet umgangssprachlich ausgedrückt „nimm als Selektor die CSS-Klassen .ui.menu .ui.dropdown .menu > .item und mach damit … nichts!“, da in der geschwungenen Klammer keine Eigenschaften und Werte angegeben wurden. (Was übrigens auch zu Grundlagen gehört.) Die Aussage, dass eine CSS-Regel nur funktioniert, wenn ihr eine „leere Anweisung“ vorangestellt wird, ist außerdem schlicht falsch.

    Ob CSS-Regeln greifen hat oft auch mit der Spezifität der Regeln zu tun (wieder: Grundwissen). Eine CSS-Regel p { color: red; } gibt Absätze zwar in rot aus, greift aber nicht, wenn eine spezifischere Regel .main p { color: blue; } vorhanden ist. Um nachzuschauen, warum CSS-Regeln nicht funktionieren und ob vielleicht eine andere Regel aufgrund höherer Spezifizität andere Regeln aushebelt, können wir am besten mit einem Blick auf die Webseite beurteilen. Dazu fehlt aber die Angabe einer URL, weshalb wir mit dem angegebenen Code nicht oder nur sehr eingeschränkt helfen können.

    Um es zusammenzufassen: Gib uns eine URL zur Webseite an, dann werfen wir vielleicht wenn etwas Zeit übrig bleibt, einen Blick auf das Problem. Ansonsten bist du mit dieser Frage in einem CSS-Forum besser aufgehoben.

    Thread-Starter wptestit

    (@wptestit)

    Es ist nett, dass Du mir nochmals die Grundlagen von CSS Regeln zusammengefasst und gleichsam darauf hingewiesen hast, dass bei der ersten Regeln „nichts“ mit den betreffenden Klassen geschehen soll. 😉
    Solltest Du irgendwann einmal Fragen zu Compilerbau u. ä. haben, hast Du etwas gut bei mir.

    Genau darum geht es eben: Eine Regel, die absolut „nichts“ macht, sollte theoretisch auch keine Auswirkungen auf die genannte Farbsetzungsregel haben. Hat sie aber! Allerdings nur in WordPress, nicht aber, wenn ich das Ganze außerhalb von WordPress nachbilde. Und genau aus diesem Grund schien mir die Frage auch hier gut aufgehoben. Anderweitig stellt sie sich nämlich erst gar nicht.

    Sei´s drum, man muss ja nicht immer seine Zeit damit verschwenden, derart groteske Sachverhalte zu verstehen, wenn letztlich erst einmal das gewünschte Ziel erreicht ist, die definierte Menüfarbe zu verwirklichen.

    Viele Grüße
    wptestit

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Genau darum geht es eben: Eine Regel, die absolut „nichts“ macht, sollte theoretisch auch keine Auswirkungen auf die genannte Farbsetzungsregel haben. Hat sie aber!

    Da behaupte ich jetzt glatt mal das Gegenteil: hat sie nicht.
    Was machen wir jetzt?

    Allerdings nur in WordPress

    Auch das ist nicht richtig. WordPress verwendet keine eigene Art von Style Sheets und die Umsetzung von CSS ist Sache des Browsers.

    Und genau aus diesem Grund schien mir die Frage auch hier gut aufgehoben.

    Nein, ist sie nicht. Das brauchen wir auch nicht diskutieren.

    Thread-Starter wptestit

    (@wptestit)

    Allerdings nur in WordPress

    Auch das ist nicht richtig. WordPress verwendet keine eigene Art von Style Sheets und die Umsetzung von CSS ist Sache des Browsers.

    Ich hatte geschrieben, dass eine CSS Regel, die absolut „nichts“ macht, theoretisch auch keine Auswirkungen auf die genannte Farbsetzungsregel haben sollte. Hat sie aber im vorliegenden Fall! Allerdings nur i. V. WordPress, nicht aber, wenn ich das Ganze außerhalb von WordPress nachbilde.

    Wie kommmst Du dazu, einfach zu behaupten, dass dies nicht richtig sei?
    Es ist auch nicht erforderlich, dass Du fortlaufend irgendwelche Basics bemühst, etwa, dass die Umsetzung von CSS Sache des Browser ist.

    Dass meine Beobachtung richtig ist, werde ich immer noch besser beurteilen können als jemand, der selbst einräumt, die Beobachtung erst gar nicht nachvollziehen zu können, weil er den URL nicht kennt.

    Und genau aus diesem Grund schien mir die Frage auch hier gut aufgehoben.

    Nein, ist sie nicht. Das brauchen wir auch nicht diskutieren.

    Was MIR hier aus den genannten Gründen gut aufgehoben zu sein scheint und was nicht, entscheide allein ich!

    Wenn DU meine Einschätzung nicht teilst, ist das natürlich ebenso zu akzeptieren.

    Gruß
    wptestit

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Thread geschlossen.

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)

Das Thema „CSS Frage“ ist für neue Antworten geschlossen.