Ist es eine gute Übung, Text in Großbuchstaben mit CSS

Question

zu ändern, machte ich heute eine interessante Beobachtung. Ich habe Code gefunden, der Text in CSS in Großbuchstaben geschrieben hat, anstelle von toUpperCase() in JavaScript, aber dieser Code hat einen Test fehlgeschlagen. Der Test hat bestätigt, ob Text gerendert wurde. Da der Text in CSS und nicht in JavaScript geändert wurde, gab es eine Inkonsistenz zwischen dem, was angezeigt wurde, und den tatsächlichen Daten.

Ist es dann eine schlechte Praxis, unter bestimmten Umständen den CSS-Fall zu ändern?

Answer 1

Es ist vorzuziehen, in CSS so viel wie möglich zu gestalten. Dies macht Ihren Code wartungsfreundlicher, da Sie wissen, wo Sie nach Stiländerungen suchen müssen. Außerdem ist CSS viel schneller als JavasScript.

Es kann Fälle geben, in denen Sie unbedingt Javascript für dynamisches Styling benötigen. In diesem Fall empfiehlt es sich, eine Klasse hinzuzufügen oder zu entfernen, die die Stile enthält, die Sie auf ein Element anwenden möchten.

Answer 2

Presentational kann man immer erwarten, dass die Textumwandlung in allen modernen Browsern korrekt abläuft, wenn man CSS benutzt, während man, wenn man auf Javascript angewiesen ist, sehr seltene Fälle findet, in denen ein Benutzer kein Javascript aktiviert hat.