Antwort an „Gunnar Bittersmann“ verfassen

Farbe für alle Kind-Elemente, aber nicht beim Eltern-Element gilt.

Gunnar Bittersmann E-Mail-Adresse des Autors Homepage des Autors 31.03.2024 14:33 (Versionen)

@@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 nimmt. Hab also innerHTML genommen. Dass das auch <span> zu <SPAN> macht, ist egal – HTML ist nicht case-sensitiv; der Selektor span matcht immer noch.

Anders sieht’s beim Klassenbezeichner aus: Der Selektor .eyecatcher matcht nicht auf die Klasse EYECATCHER – da kann sich das Ding schwarz ärgern. ☞ Codepen

Man will sicher nicht .eyecatcher, .EYECATCHER im Stylesheet haben oder statt Klassenselektor den Attributselektor [class~="eyecatcher" i] (mind the i) verwenden.

Wenn man’s richtig machen will, müsste man hier mit einem TreeWalker den Baum durchgehen.

Wenn man lediglich ß in ẞ umwandelt, ist das weniger problematisch – solange man nicht ß in Klassenbezeichnern, IDs o.ä. verwendet.

Kwakoni Yiquan

--
Ad astra per aspera

Betreff

Autor

E-Mail-Adresse freiwillig, öffentlich sichtbar

Homepage freiwillig, öffentlich sichtbar

problematische Seite freiwillig, öffentlich sichtbar

Beitragstext

> @@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; der Selektor `span`{:.language-css} matcht immer noch.
> 
> 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}

Tag 1
Tag 2
Tag 3

speichere die Identität in einem Cookie

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

Formulieren Sie bitte höflich und wertschätzend.
Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
Ihr Beitrag wird dauerhaft archiviert.

abbrechen