Wie man eine Klasse zu category tr hinzufügt, um CSS optional anzuwenden

Ich füge einige Dinge zum <tr> in der Themenliste hinzu. Ich muss CSS nur auf die Kategorien anwenden, die ich beeinflussen möchte.

Ich denke, ich muss das tun, indem ich eine “can-rate”-Klasse zum <tr> der Kategorien hinzufüge, die ich beeinflussen möchte.

Ich denke, ich kann das in meiner Glimmer-Komponente tun (die vielleicht weiß, ob sie die Änderung anwenden soll?), obwohl ich genauso gut damit zufrieden wäre, es im Initialisierer zu tun.

Ich habe einige Dinge versucht, die nicht funktioniert haben. Kann mir jemand helfen oder mir ein Beispiel zeigen? Wie z.B. https://github.com/discourse/discourse-groups-css-classes-in-body/blob/main/common/header.html scheint der richtige Weg zu sein, aber ich weiß nicht, wie ich im Initialisierer herausfinden kann, ob die Kategorie eine ist, die ich ändern möchte (also ist der Initialisierer wohl der falsche Ort?).

Vielleicht Override class list

1 „Gefällt mir“

Es könnte einfacher sein, einfach das data-category-id-Attribut anzusprechen, anstatt zu versuchen, eine Klasse zum \u003ctr\u003e hinzuzufügen.

Wenn Sie Stile zu dem tr ohne die data-category-id hinzufügen müssen, haben Sie vielleicht Erfolg, wenn Sie untersuchen, wie die Kategorie-Icons-Theme-Komponente das Rendern von Kategorie-Links ändert (was überall Auswirkungen hat). Etwas in der Art, die Klasse/das Attribut zu einem Kindelement hinzuzufügen und den Stil mit etwas CSS (d. h. tr:has(\u003e .some-class)) aufsteigen zu lassen.

3 „Gefällt mir“

Aha! Das ist die Magie, die ich brauchte. Und so einfach. Ich habe es fast verstanden. Ich kann Ihnen nicht genug danken.

4 „Gefällt mir“