Farbe für alle Kind-Elemente, aber nicht beim Eltern-Element gilt.
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> muss man dafür selber ß in ẞ umwandeln.
Apropos umwandeln: Bei der Umwandlung in Versalien mit JavaScript kommt Murks raus, wenn man verschachtelte Elemente hat und `textContent`{:.language-js} nimmt. Hab also `innerHTML`{:.language-js} genommen. Dass das auch `<span>`{:.language-html} zu `<SPAN>`{:.language-html} macht, ist egal – HTML ist nicht case-sensitiv.
Anders sieht’s beim Klassenbezeichner aus: Der Selektor `.eyecatcher`{:.language-css} matcht nicht auf die Klasse `EYECATCHER` – da kann sich das Ding schwarz ärgern. ☞ [Codepen](https://codepen.io/gunnarbittersmann/pen/eYoGavW)
![](/images/1985555a-ef59-11ee-ab88-9c6b00263d9f.png)
Man will sicher nicht `.eyecatcher, .EYECATCHER`{:.language-css} im Stylesheet haben oder statt Klassenselektor den Attributselektor `[class~="eyecatcher" i]`{:.language-css} ([mind the `i`](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Selektoren/einfacher_Selektor#case-Sensitivit.C3.A4t){:@en}) verwenden.
Wenn man’s richtig machen will, müsste man hier mit einem [TreeWalker](https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker) den Baum durchgehen.
Wenn man lediglich ß in ẞ umwandelt, ist das weniger problematisch – solange man nicht ß in Klassenbezeichnern, IDs o.ä. verwendet.
![](/images/cf26c820-ef5a-11ee-89aa-9c6b00263d9f.png)
Kwakoni Yiquan
{:@art-x-kwejian}
--
*Ad astra per aspera*{:@la}